首页 > CSS选择器的问题

CSS选择器的问题

li.first-child{border-left:none}
first-child不是伪类吗?不是应该用:吗? 书里为什么用一个.

<ul>

<li></li>
<li></li>
<li></li>

</ul>
选择第一个子元素 li:first-child ,选择的是ul下第一个li标签。
<ul>

<li class="first-child"></li>
<li></li>
<li></li>

</ul>
li.first-child同样是选择第一个。但是这个是类选择器,估计是你看错了吧


你描述得不是很清楚,所以也只能断章取义的回答。

first-child首先是一个字符串,一个名字而已。如果用户已经在li标签上定义了一个class="first-child",这样使用当然是没有任何错的。我个人猜测,应该是这种情况。

再来说说first-child充当伪类的情况,正确的写法应该是:li:first-child{}。我想你应该是了解了一些css的知识的,但是应该是初学,或者还没有了解更多的东西。

继续学习吧!

多说一句,通常要考虑浏览器兼容性,某些情况下回二者一起使用。


css中,一个"."是classname 这个不用质疑
选择第一个子元素 :first-child ,验证方法很简单,动动手就好了。

【热门文章】
【热门文章】