css选择器是什么

跟大家讲解下有关css选择器是什么，相信小伙伴们对这个话题应该也很关注吧，现在就为小伙伴们说说css选择器是什么，小编也收集到了有关css选择器是什么的相关资料，希望大家看到了会喜欢。

css选择器又被称为css样式属性、css属性选择器，css中的“选择器”指明了“{}”中的“样式”的作用对象，也就是“样式”作用于网页中的哪些元素；常用选择器可分为标签名选择器、类选择器、id选择器、派生选择器、子元素选择器、分组选择器。

本文操作环境：windows7系统、HTML5&&CSS3版、Dell G3电脑。

css中的选择器是什么意思？

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

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

每一条css样式定义由两部分组成，形式如下：选择器{样式} ，在{}之前的部分就是“选择器”。

“选择器”指明了{}中的“样式”的作用对象，也就是“样式”作用于网页中的哪些元素。

Css选择器又被称为css样式属性、css属性选择器。

1、标签名选择器：通过标签的名称找到指定标签

格式：元素名{ }

2、类选择器：通过标签的class属性值选中指定标签,多个标签可以有相同的class值

格式：.d1{ }

3、id选择器：通过id找到标签，一个html文件中id不能重复

格式： #id{}

4、派生选择器（后代选择器）：类似于路径，找到符合要求的标签，会匹配所有的后代标签

格式： ul li a{} #id li a{}

5、子元素选择器：和后代类似，但是只能获得子元素

格式： ul>li>a{}

6、分组选择器：可以将多种选择器结合到一起使用，用来统一设定样式

格式: h1,h2,#abc,.m{ }

7、伪元素选择器：伪元素选择器选择的是元素的状态，状态分为以下几种：

link 表示元素未被点击时的状态

hover 表示鼠标悬停时的状态

active 表示元素被点击时的状态

visited 表示元素被点击后的状态格式： #id:hover{ }

【推荐学习：《css视频教程》】

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

来源：php中文网

　　免责声明：本文由用户上传，与本网站立场无关。财经信息仅供读者参考，并不构成投资建议。投资者据此操作，风险自担。 如有侵权请联系删除！