css选择器(css中选择器是什么意思)

一、css中选择器是什么意思

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

每一条css样式定义由两部分组成，形式如下：[code]选择器{样式}[/code]在{}之前的部分就是“选择器”。“选择器”指明了{}中的“样式”的作用对象，也就是“样式”作用于网页中的哪些元素。

二、css派生选择器有几种,有什么区别

CSS派生选择器主要有以下几种：标签选择器、类选择器、ID选择器、后代选择器、子元素选择器、相邻兄弟选择器和通用兄弟选择器。这些选择器的区别在于它们选择元素的方式和范围不同。

-标签选择器：直接用元素的标签来进行选择，例如`span`标签。

-类选择器：通过类名来进行选择，选择范围更广，例如`.class`。

-ID选择器：通过设置id名字，进行精确的选择，用`#`来定义，例如`#div1`。

-后代选择器：可以选择某个元素的后代元素，例如`divp`。

-子元素选择器：可以选择某个元素的直接子元素，例如`div>p`。

-相邻兄弟选择器：可以选择紧接在另一个元素后的元素，例如`h1+p`。

-通用兄弟选择器：可以选择所有与某个元素同级的元素，例如`h1~p`。

三、css复合选择器有哪三种

1、元素选择器标签名{}

2、id选择器#id属性值{}

3、类选择器.class属性值{}

4、选择器分组(并集选择器)

作用：通过它可以同时选中多个选择器对应的元素(通常用于集体声明)

语法：选择器1，选择器2，选择器n{}

5、复合选择器(交集选择器)

作用：选择更准确更精细的目标元素并为其设置属性

语法：选择器1选择器2选择器n{}

!注意选择器之间不能有空格，要紧挨在一起

6、通配选择器

作用：用来选中页面中所有的元素

语法：*{}

7、后代元素选择器

作用：选中指定元素的指定后代元素

语法：祖先元素后代元素{}

8、子元素选择器

作用：选中指定父元素的子元素

语法：父元素>子元素

9、伪类选择器

伪类表示元素的一种特殊状态

:hover移入时元素的状态

:visited已被访问过后的元素的状态

:active被点击时元素的状态

10、属性选择器

作用：根据元素中的属性或属性值来选取指定元素

语法：[属性名]选取含有指定属性的元素

?[属性名=“属性值”]选取含指定属性值的元素

?[属性名^="属性值"]选取属性值以指定内容开头的元素

?[属性名$="属性值"]选取属性值以指定内容结尾的元素

?[属性名*="属性值"]选取属性值包含指定内容的元素

11、兄弟元素选择器

+选择器

作用：选中一个元素后紧挨着的指定的兄弟元素

语法：前一个+后一个(作用在后一个)

~选择器

作用：选中后边所有的制定兄弟元素

语法：前一个~后边所有