给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
        {
            85px;
            height: 22px;
            color: Black;
            display: block;
            text-decoration: none;
            border-bottom: 1px solid black;
        }
          .contain ul li a:hover
        {
            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{...}