CSS选择器用于选择你想要应用样式的HTML元素。以下是一些常用的CSS选择器:
元素选择器
选择特定HTML元素,例如 `div`, `p`, `h1` 等。
语法:`元素名称`
示例:`p { color: blue; }`
类选择器
选择具有特定类名的元素,类名前通常使用点号(`.`)来标识。
语法:`.类名`
示例:`.button { background-color: blue; }`
ID选择器
选择具有特定ID的元素,ID前使用井号(``)来标识。
语法:`ID名`
示例:`main-title { font-size: 24px; }`
后代选择器
选择某个元素的后代元素,用空格隔开选择器。
示例:`div p { color: green; }`
属性选择器
根据元素的属性值进行选择。
示例:`a[href="example.com"] { text-decoration: underline; }`
伪类选择器
在元素的不同状态下应用样式,如鼠标悬停、链接被访问等。
示例:`a:hover { color: red; }`
伪元素选择器
用于选择元素的特定部分,如内容前后的部分。
示例:`p::before { content: ">> "; }`
组合选择器
允许开发者同时选择多个元素,通过空格分隔多个选择器。
示例:`h1, h2 { font-weight: bold; }`
通配符选择器
用星号(`*`)表示,用来选中所有元素。
示例:`* { background-color: yellow; }`
这些选择器可以单独使用,也可以组合使用,以达到更精确的元素选择。希望这些信息对你有帮助,