css selector什么意思-前端问答-PHP中文网

css selector什么意思

藏色散人

发布： 2020-12-11 09:41:55

原创

2877人浏览过

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

css selector什么意思

本文操作环境：windows10系统、css3、thinkpad t480电脑。

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

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

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

selector {property: value}
选择器{属性:属性值}
//即 选择器{样式}

登录后复制

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

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

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

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

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

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

登录后复制

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

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

登录后复制

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

以上就是css selector什么意思的详细内容，更多请关注php中文网其它相关文章！