1. 元素选择器 元素选择器通过指定HTML元素名称为选择器来选取所有该元素的实例。例如: p { color: red; } 这会选择所有的段落,并将它们的颜色设置为红色。 2. 类选择器 类选择器通过给元素指定一个class属性来选取该class属性所有实例。例如: .mystyle { color: blue; } 这会选择所有的class属性为“mystyle”的元素,并将它们的颜色设置成蓝色。 3. ID 选择器 ID选择器通过给元素指定一个唯一的ID属性来选取该ID属性的元素实例。例如: #myid { font-size: 16px; } 这会选择拥有ID属性为“myid”的元素,并将它们的字体大小设置成16像素。 4. 组合选择器 组合选择器可以将元素选择器,类选择器,和ID选择器合并。例如: p.mystyle { color: green; } 这种选择器将选择所有的p元素,并且具有class属性为“mystyle”,并将它们的颜色设置成绿色。 5. 伪类选择器 伪类选择器选取那些不属于HTML文档的特殊状态元素,比如指向鼠标光标的链接,没有获得焦点的输入框等等。例如: a:hover { text-decoration: underline; } 这种选择器将选取鼠标指向链接时的状态,并将链接下划线。
通过以上介绍,大家了解了常用的几种CSS选择器。在实际开发中,灵活运用各种选择器可以使大家更方便、快捷地设置网页样式。