CSS那些事读书笔记1_html/css_WEB-ITnose
程序员文章站
2022-05-23 20:50:43
...
提到选择符,只知道类选择符合ID选择符,对选择符的优先权不是很清楚。下面,摘抄书上的示例: 标签选择符、伪类及伪对象:优先级别积分为1。 类选择符、属性选择符:优先级别积分为10。 ID选择符:优先级别积分为100。 style属性:优先级积分为1000。
对属性设置!important关键字声明,提升属性的权重值。添加!important关键字声明的属性在优先级别是最高的。
实例:
p{ color:blue; }
p .myColor{color:black;}
.myColor{color:yellow;}
#myColor{color:red;}
p=1
p .myColor=1+10=11
.myColor=10
#myColor=100
style="color:green;"=1000
颜色标注部分容易搞错,我一直以为是第二个标注的颜色优先级更高。
推荐阅读
-
css画图那些事
-
css居中那些事
-
css3画图那些事(三角形、圆形、梯形等)
-
用一个Div显示大段文本需要做那些设置?_html/css_WEB-ITnose
-
icon@font-face那些事_html/css_WEB-ITnose
-
web开发需要掌握那些技术,求指教_html/css_WEB-ITnose
-
CSS基础知识之文本属性二三事_html/css_WEB-ITnose
-
图解CSS3 读书笔记--边框_html/css_WEB-ITnose
-
CSS高效开发实战:CSS 3、LESS、SASS、Bootstrap、Foundation 读书笔记(2)CSS3利用图层叠加实现多背景_html/css_WEB-ITnose
-
微信公众号与HTML 5混合模式揭秘5--JSSDK开发技巧1_html/css_WEB-ITnose