HTML— CSS选择器

1. 标签(元素)选择器
根据标签设置样式。
HTML— CSS选择器
HTML— CSS选择器

2. 类选择器

  • 特点:多个标签中可以指定同名的class属性值。类选择器的优先级高于标签选择器
    HTML— CSS选择器
    HTML— CSS选择器

3. ID选择器

在标签中指定id属性(每个标签的id属性值是唯一的),解决浏览器兼容性问题
id选择器优先级高于 类选择器, 高于标签选择器

HTML— CSS选择器
HTML— CSS选择器
4. 并集选择器
选择器和选择器之间用逗号隔开。
HTML— CSS选择器
HTML— CSS选择器
5. 交集选择器
选择器和选择器之间用空格隔开。
HTML— CSS选择器
HTML— CSS选择器

6. 通用选择器
HTML— CSS选择器
HTML— CSS选择器

7. 伪类选择器:当前鼠标对标签的状态