CSS选择器的问题

Question

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

Answer 1

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

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

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

继续学习吧！

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

Answer 2

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

Answer 3

<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同样是选择第一个。但是这个是类选择器，估计是你看错了吧