• :一大波赠书活动正式来袭!满足条件的小伙伴每人赠送一本书,只限前100名!小伙伴们赶紧到碗里来!查看详情

2.2 什么叫CSS选择器?

很多书,一上来就介绍说“一个样式的语法是由三部分构成:选择器、属性和属性值……”,然后就滔滔不绝地说选择器的语法,讲解各种选择器。读者几乎把所有选择器看完了,都不知道选择器究竟是什么东西?!

为了避免这种人间悲剧的发生,在讲解选择器语法和类型之前,我们先给大家详细讲解选择器究竟是怎么的一回事。

我们先看一段代码:

 
<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>什么叫CSS选择器?</title>
</head>
<body>
    <div>绿叶学习网</div>
    <div>绿叶学习网</div>
    <div>绿叶学习网</div>
</body>
</html>

在浏览器预览效果如下:

CSS选择器

如果我们只想要第二个div文本颜色为红色,怎么办呢?我们必须通过一种方式来“选中”第二个div(因为其他的div不能选中),然后把它的CSS属性颜色color改为红色,这样才行。像这种把某一个你想要的标签选中的方式就是所谓的“选择器”,也就是说选择器就是一种选择元素的方式。

什么叫CSS选择器

选择器,说白了就是用一种方式把你想要的那一个标签选中!把它选中了,你才能操作这个标签的CSS样式。这样够简单了吧。CSS有很多把你所需要的标签选中的方式,这些不同的方式就是不同的选择器。

选择器的不同,在于它选择方式不同,但是他们的目的都是相同的,那就是把你需要的标签选中,然后让你定义该标签的CSS样式。当然,你也有可能会用某一种选择器代替另一种选择器,这仅仅是由于选择方式不一样罢了,目的还是一样的。

:本站所有教程均为原创,大部分已经与人民邮电出版社合作出版,禁止转载和抄袭,否则绿叶学习网和人民邮电出版社必将追究法律责任,附录:互联网著作权保护法。【法律顾问:张俊律师】

如果你想要获取更多学习资料,或者在学习过程中遇到疑问想要得到跟教程一样最优质的解答,请通过以下方式关注我们:

(1)官方微博:

(2)新手Q群:69660533(暗号:lvye)(建议初学前端的加)

(3)官方Q群:457631216(暗号:lvye)(建议有JS基础的加)

(4)绿叶论坛:进入论坛

(5)常见问题:绿叶学习网常见问题解答

回到顶部