css selector什么意思

css selector指的是css选择器，是用来匹配网页中的dom元素的，常用选择器可分为标签名选择器、类选择器、id选择器、派生选择器、子元素选择器、分组选择器和伪元素选择器。



推荐：《css视频教程》

css selector指的是css 选择器，是用来匹配网页中的dom元素的，css样式的定义为：选择器{样式}。“选择器”指明了{}中的“样式”的作用对象，也就是“样式”作用于网页中的哪些元素。

要使用css对HTML页面中的元素实现一对一，一对多或者多对一的控制，这就需要用到CSS选择器。HTML页面中的元素就是通过CSS选择器进行控制的。

每一条css样式定义由两部分组成，形式如下：

1

2

3

selector {property: value}

选择器{属性:属性值}

//即 选择器{样式}

在{}之前的部分就是“选择器”。 “选择器”指明了{}中的“样式（）”的作用对象，也就是“样式”作用于网页中的哪些元素。可以是一个HTML标签，也可以是特定的id或class等的标签。

简单来说：CSS主要的作用就是给网页中的dom元素设置样式，而选择器则是用来匹配dom元素的。

常用选择器可分为：标签名选择器，类选择器，id选择器，派生选择器，子元素选择器，分组选择器，伪元素选择器。

使用css选择器时的注意事项：

由于对CSS的解释是自上而下的，对于一个元素的相同属性描述，放在下面的会覆盖掉位于上面的属性描述，因此我们在对元素的选择中一定要注意书写顺序，如：

1

2

a:visited {color: #00FF00; text-decoration: none}

a:hover {color: #FF00FF; text-decoration: underline}

采用这样的书写顺序，无论链接有没有被访问过，只要当鼠标移到链接上，链接都会变成蓝色并有下划线。但是，如果采用下面的书写顺序：

1

2

a:hover {color: #FF00FF; text-decoration: underline}

a:visited {color: #00FF00; text-decoration: none}

如果链接被访问过，则当你鼠标移到链接上时不会变成蓝色并有下划线，依然保持绿色。