CSS选择器优先级

1.CSS中有哪些基本选择器?

.class类选择器 (class="warp"   .warp{})

#id id选择器  (id="name"   #name{})

html,body 标签选择器  (html{})

div p 后代选择器  (div a{}   表示<div>元素内的左右<a>元素)

div>p 子类选择器 (div>a{}  表示<div>元素子类为<a>元素)

link、visited、hover、active  伪类选择器 (a:link{})

还有更多选择器介绍:https://www.runoob.com/cssref/css-selectors.html

2.CSS选择器优先级

 不同级别

1.在属性后面使用!important会覆盖页面内所有的元素样式

2.作为style属性卸载元素内的样式

3.id选择器

4.类选择器

5.标签选择器

6.通配符选择器

7.继承

8.浏览器自定义

优先级排序:!important>行内样式>id选择器>类选择器>标签选择器>通配符选择器>继承>浏览器自定义样式

同一级别

1.同一级别的后写的样式会覆盖先写样式

2.同一级别css引入方式不同,优先级不同

优先级排序:行内样式>内部样式>外联式样式>导入样式(@import)

原文地址:https://www.cnblogs.com/babilong/p/13444829.html