css如何取ul中第一个a和最后一个a标签

html-css014

css如何取ul中第一个a和最后一个a标签,第1张

/* CSS部分 */ ul li:last-child a {     background:#ff0000}

    第一个段落。     第二个段落。     第三个段落。     第四个段落。

如果你是给所有a标签设置了统一样式,那么要给其中一个单独设置的话,可以在这么写,如下:

统一标签样式:a{样式}

单独样式:a.cssa01{样式}

<a class="cssa01"></a>

不过这种方式有个问题,就是a标签会继承你单独设置的样式之外的样式,解决方法有两种,第一,就是所有a标签都单独设样式而不要设统一样式,或者统一样式要是通用的不会影响其他单独样式的那种,第二,就是单独样式把统一样式注销掉或者修改,是在单独样式里写哦,不是统一样式写

#nav .headli1 a.on{ 

 background:#F3F7FD

 width: 114px

 margin-left: 1px

 background-image: url(/LogService/images/nav1.png)

}

这样控制就可以了

因为你给li写了样式

所以你在写css的时候如果只让.headli1下面的a下的on写样式就可以了