选择器类型 第一个字符 例子 元素选择器 无 p {color: red;} 类选择器 . .example {font-size: 14px;} ID选择器 # #header {background-color: blue;} 属性选择器 [ a[target="_blank"] {text-decoration: none;} 伪类选择器 : a:hover {color: green;} 伪元素选择器 :: p::first-line {font-weight: bold;}
元素选择器是最常用的选择器。使用该选择器时,可以直接指定要修改的元素类型,例如p元素的样式可以通过p选择器实现。类选择器用于为HTML元素添加样式类,使用”.”后面跟上类名,可以在HTML中的任何地方使用该类,例如给所有类名为example的元素添加样式。ID选择器可以针对页面中唯一的元素进行样式修改,使用”#”后面跟上ID名称,例如给ID为header的元素添加背景颜色。
属性选择器可以用于根据元素的属性进行选择,例如选择所有target属性为_blank的a元素。伪类选择器可用于指定某个元素的状态,例如当鼠标悬停在a元素上时,可以用:hover选择器更改其颜色等样式。伪元素选择器用于修改元素的某个部分的样式,例如可以用::first-line选择器修改p元素的首行样式。