芭比龙

导航

< 2025年1月 >
29 30 31 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31 1
2 3 4 5 6 7 8

统计

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)

posted on   芭比龙  阅读(157)  评论(0编辑  收藏  举报

点击右上角即可分享
微信分享提示