常见的CSS3选择器

类选择器（Class Selector）：以.开头，选择具有指定类名的元素。例如，.red选择所有具有red类的元素。

ID选择器（ID Selector）：以#开头，选择具有指定ID的元素。例如，#logo选择具有logo ID的元素。

属性选择器（Attribute Selector）：根据元素的属性值来选择元素。例如，[type="text"]选择所有type属性值为text的元素。

相邻兄弟选择器（Adjacent Sibling Selector）：选择紧接在指定元素后面的兄弟元素。例如，h2 + p选择紧跟在h2元素后出现的p元素。

子元素选择器（Child Selector）：选择指定元素的直接子元素。例如，ul > li选择ul元素下的所有直接子元素li。

伪类选择器（Pseudo-class Selector）：选择满足特定状态或条件的元素。例如，:hover选择鼠标悬停在元素上时的状态。

伪元素选择器（Pseudo-element Selector）：选择元素的某个特定部分，并应用样式。例如，::before创建一个元素的前置内容。

https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=cabc6f51c4e54d8b848d9acd76139270