欢迎来到酷客淘商城,为站长提供交易担保服务 访问移动版
站长交易首选担保平台!
酷客淘

什么叫CSS选择器?

日期: 2019-12-09 11:14:27 人气: -

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


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


我们先看一段代码:


1

2

3

4

5

6

7

8

9

10

11

<!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样式。当然,你也有可能会用某一种选择器代替另一种选择器,这仅仅是由于选择方式不一样罢了,目的还是一样的。