子选择器用于选择具有特定父元素的元素。
书写语法:>
注意:如果某个元素不是其父元素的直接子元素,则不会选择该元素。
> 符号前写父选择器,> 符号后写子选择器。 在选择标签之前必须满足父子关系。
兄弟选择器
相邻同级选择器可用于选择紧随另一个元素并具有相同父元素的同级元素。
书写语法:E1 + E2。
注意:
a) 选择紧跟在 E1 之后的兄弟元素 E2。
b) 只能选择以下E2 元素。
c) 两者具有相同的父元素。
d) + 符号前后可以添加空格。
234段文字全红其他同级选择器
其他同级选择器匹配同一父元素中的所有后续元素。
写作语法:~
注意:
a) 选择之后出现的所有内容。
b) 两个元素必须具有相同的父元素,但不必直接跟随。
c) 您可以在~符号前后添加空格。
结构伪类选择器
n 可以是数字、关键字和公式
如果n是数字,则选择第n个
常用关键词偶数奇数奇数
常见的公式如下(如果n是公式,则从0开始,n从0,1,2,3...递增)
但是,第 0 个元素或超过该数量的元素将被忽略。
E:nth-child(n)匹配父元素的第n个子元素E,需要满足两个条件。
E:nth-of-type(n) 匹配同类型的第 n 个同级元素 E,并忽略其他非同类型的同级元素。
伪元素选择器
单冒号E: 双冒号E:: 浏览器可以识别的写法。 双冒号是h5的语法规范。
伪元素只能添加到双标签中,不能添加到单标签中。
伪元素的冒号前不能有空格,如E::这种写法是错误的
属性必须写在伪元素中:“”;
after 创建一个元素,但是是一个内联元素。
因为刚刚创建的元素在 DOM 中不可见,所以我们将其称为伪元素。
注意:E::first-; E::一线; 创建伪元素,而不是伪类; 如果是伪类,则处于全选状态;
属性选择器
属性选择器用于选择包含指定属性的标签。
选择器重量
基本选择器:id选择器 > 类选择器 > 标签选择器 > *
伪类选择器和属性选择器的权重等于类选择器。
伪元素选择器与标签选择器具有相同的权重。