css选择器优先级顺序

css选择器有哪些，优先级顺序

发布 : Web前端培训发布时间:2021-05-17 15:26:05

品牌型号：联想 YOGA 14c

系统版本：windows7

总体总结的CSS排序为：!Important>行内样式>ID选择器>类选择器>元素>通配符>继承>浏览器默认属性

选择器的优先级

在属性后面使用 !important 会覆盖页面内任何位置定义的元素样式。

作为style属性写在元素内的样式

id选择器

类选择器

元素选择器

通配符选择器

浏览器自定义或继承

牛仔很忙2020-06-22 18:56:36

一、选择器的优先级排序

1. !important

在属性后面写上这条样式，会覆盖掉页面上任何位置定义的元素的样式。

2. 行内样式，在style属性里面写的样式。

3. id选择器

4. class选择器

5. 标签选择器

6. 通配符选择器*

7. 浏览器的自定义属性和继承