1. 元素选择器 最基础的选择器,直接指定对某个元素类型应用样式,如: p { color: red; } 2. 类选择器 给元素添加class属性,使用类选择器对其应用样式,如: .red { color: red; } 3. ID选择器 给元素添加id属性,使用ID选择器对其应用样式,如: #title { font-size: 24px; } 4. 后代选择器 选择器里嵌套选择器,指定某一个元素子节点应用样式,如: div p { font-weight: bold; } 5. 子元素选择器 选择器里使用“>”符号,指定某一个直接子元素应用样式,如: ul >li { list-style: none; }
除了以上常用的选择器,还有属性选择器、伪类选择器等,根据实际需要选择合适的方式应用样式。