给a标签加样式的写法
顺便略带使用伪类的顺序:love—hate(link—>visited—>hover—>active)
<div class="contain">
<ul>
<li><a href="#">我是测试一</a></li>
<li><a href="#">我是测试二</a></li>
<li><a href="#">我是测试三</a></li>
<li><a href="#">我是测试四</a></li>
</ul>
</div>
css样式:
.contain ul li a:link
{
width: 85px;
height: 22px;
color: Black;
display: block;
text-decoration: none;
border-bottom: 1px solid black;
}
.contain ul li a:hover
{
width: 85px;
height: 22px;
color:Orange;
display: block;
text-decoration: none;
border-bottom: 1px solid black;
}
不用css样式,给a独立加一个class的写法
<div class="contain">
<ul>
<li><a href="#" class="font">我是测试一</a></li>
<li><a href="#" class="fontHover">我是测试二</a></li>
<li><a href="#">我是测试三</a></li>
<li><a href="#">我是测试四</a></li>
</ul>
</div>
css样式:
(1)可以像平时那样直接写.font{...}和.fontHover{...}
(2)如果害怕页面有冲突的话,就可以写成.contain a.font{...} 和.contain a.fontHover{...}或者不要前缀也可以呀,如: a.font{...} 和a.fontHover{...}