CSS选择器(通配符选择器、标签选择器、类选择器、id选择器、群组选择器、后代选择器、子元素选择器和相邻元素选择器)

时间:2021-07-26 23:05:06

通配符选择器  *   与任何元素匹配

派生选择器:

后代选择器(包含选择器):后代选择器可以选择作为元素后代的元素

A B    对A元素中的B元素应用样式

后代选择器中两个元素间的层次间隔可以是无限的(也可A B  C)  ,以上 A  B   应用样式会选择从A继承的所有B元素

子元素选择器:只选择某个元素的子元素

A >  B 只对A 元素的B元素起作用

相邻兄弟选择器:可选择紧挨在另一元素,且二者有相同父元素。

A  +  B   选择紧挨在A 元素后面的B元素,两个元素有相同的父元素

id选择器:id选择器用于建立派生选择器,也可以单独起作用。

#A

类选择器:也可以用于创建派生选择器

属性选择器:对于指定属性的HTML元素设置样式。

属性选择器:用于选取带有指定属性的元素  [title]

属性和值选择器:选取带有指定属性和值的元素  [title=W3School]

属性和值选择器-多个值 :选取包含指定词汇的元素 [title~=hello]

群组选择器:几个元素的样式属性一样时     A,B,C