释放双眼,带上耳机,听听看~!
-
派生选择器(用 HTML 标签申明)
-
id 选择器(用 DOM 的 ID 申明)
-
类选择器(用一个样式类名申明)
- 属性选择器(用 DOM 的属性申明,属于 CSS2,IE6 不支持,不常用,不知道就算了)除了前 3 种基本选择器,还有一些扩展选择器,包括:
后代选择器(利用空格间隔,比如 :
div .a{ }
)
群组选择器(利用逗号间隔,比如 :
p,div,#a{ }
那么问题来了,CSS 选择器的优先级是怎么样定义的?
- 基本原则:
一般而言,选择器越特殊,它的优先级越高。也就是选择器指向的越准确,它的优先级就越高。
- 复杂的计算方法:
用 1 表示派生选择器的优先级
用10 表示类选择器的优先级
用 100 标示 ID 选择器的优先级
内容投诉
点赞