2017-12-31-WEB预习第二天-CSS选择器

选择器分类

类选择器

• class属性可以重复，通过多个class为元素设置样式。
• 不同类名用空格隔开。（在一个引号中）
  疑问：不同class冲突的情况如何处理？

选择器分组（并集选择器）

• 通过选择器分组可以同时选中多个选择器对应的元素。
• 语法：选择器1，选择器2，选择器N｛｝

伪类

hover和active也可以为其它元素设置。（IE6中不支持）
first-letter及下面的都是伪元素。

属性选择器
子元素的伪类

不同的选择器是可以结合使用的。

兄弟元素选择器
选取后一个紧挨着的兄弟元素（隔着都不算）。
否定伪类
样式的继承

背景颜色默认值是透明的。

image.png
并集选择器的优先级单独计算。

---

伪类的顺序
按写入代码的顺序，
所以一些会重合的状态要考虑好重要性再决定写入状态。
link，visited，hover，active。