CSS选择器(Selector)语法

CSS选择器(Selector)语法是用于选择HTML元素并应用样式的一套规则系统。以下是主要的选择器类型：

基本选择器：
元素选择器：p { } (选择所有<p>元素)
类选择器：.class { } (选择class="class"的元素)
ID选择器：#id { } (选择id="id"的元素)
通配符：* { } (选择所有元素)
组合选择器：
后代选择器：div p { } (选择div内的所有p元素)
子元素选择器：div > p { } (只选择div的直接子元素p)
相邻兄弟选择器：h1 + p { } (选择紧接在h1后的p元素)
通用兄弟选择器：h1 ~ p { } (选择h1之后的所有p兄弟元素)
属性选择器：
[attr]：选择带有attr属性的元素
[attr=value]：选择attr属性值等于value的元素
[attr^=value]：选择attr属性值以value开头的元素
[attr$=value]：选择attr属性值以value结尾的元素
[attr*=value]：选择attr属性值包含value的元素
伪类选择器：
:hover、:active、:focus等状态伪类
:first-child、:last-child等结构伪类
:nth-child(n)等公式伪类
伪元素选择器：
::before、::after等

选择器可以组合使用，如div.content > p:first-child表示选择class为content的div元素下的第一个p子元素。