css的选择器有哪些 css的选择器有哪些以及相应的格式

css层次选择器有哪些

选择器body > div 只操作body下级的div。div1 + div2 只选择div1 同级 随后 相邻最近 的div2div1 ~ p 选择div1下所有的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、兄弟元素选择器

+选择器

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

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

~选择器

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

语法：前一个~后边所有

css中选择器是什么意思

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

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

css选择器如何选择

CSS选择器可以通过以下步骤进行选择：

标签选择器：使用HTML的标签名选择元素，例如h1{}，p{}等。

类选择器：使用HTML元素的class属性选择元素，例如.class{}。

ID选择器：使用HTML元素的id属性选择元素，例如#id{}。

后代选择器：选择指定元素的所有后代元素，例如div p{}，ul li{}等。

子元素选择器：仅选择指定元素的子元素，例如ul>li{}等。

相邻兄弟选择器：选择紧邻在另一个元素后面的元素，例如h1+p{}等。

通用选择器：选择所有元素，例如*{}等。

属性选择器：通过引用元素的属性和属性值来选择元素，例如[name="value"]等。

伪类选择器：用于选择元素的特殊状态，例如a:hover等。

伪元素选择器：在元素的内容之前或之后添加样式，例如::before、::after等。

组合选择器：结合多个选择器来选择元素，例如p,div{}等。

逗号分隔符：选择多个元素，例如p,div{}等。

通配符选择器：选择文档中所有元素，例如*等。

邻接元素选择器：选择相邻的两个元素，不包括父元素和子元素等。

非子元素选择器：选择某个元素之后的所有兄弟元素，而不仅仅是其子元素等。

属性存在选择器：通过仅指定该元素具有某个属性，而不指定其属性值，来选择元素等。

否定选择器：选择与指定的选择器不匹配的元素等。