标签的权值问题(优先级)
来源:互联网 发布:黑客与Python 编辑:程序博客网 时间:2024/06/11 20:50
标签的权值为1,类选择符的权值为10,ID选择符的权值最高为100。例如下面的代码:
p{color:red;} /*权值为1*/p span{color:green;} /*权值为1+1=2*/.warning{color:white;} /*权值为10*/p span.warning{color:purple;} /*权值为1+1+10=12*/#footer .note p{color:yellow;} /*权值为100+10+1=111*/
(1): 一个标签选择器值1分
(2):一个类选择器值10分
(3):属性选择器值10分
(3):一个ID选择器值100分
(4):一个内建样式值1000分
(5):伪元素(如first-line)通常被当做类选择器对待,值1分
(6):伪类则被当做类对待,值10分
浏览器是根据权值来判断使用哪种css样式的,权值高的就使用哪种css样式。
如果在html文件中对于同一个元素可以有多个css样式存在并且这多个css样式具有相同权重值怎么办?
层叠就是在html文件中对于同一个元素可以有多个css样式存在,当有相同权重的样式存在时,会根据这些css样式的前后顺序来决定,处于最后面的css样式会被应用。
如下面代码:
p{color:red;}p{color:green;}<p class="first">三年级时,我还是一个<span>胆小如鼠</span>的小女孩。</p>最后 p 中的文本会设置为green,这个层叠很好理解,理解为后面的样式会覆盖前面的样式。
所以前面的css样式优先级就不难理解了:
内联样式表(标签内部)> 嵌入样式表(当前文件中)> 外部样式表(外部文件中)。
当网页制作者不设置css样式时,浏览器会按照自己的一套样式来显示网页。并且用户也可以在浏览器中设置自己习惯的样式,比如有的用户习惯把字号设置为大一些,使其查看网页的文本更加清楚。这时注意样式优先级为:浏览器默认的样式 < 网页制作者样式 < 用户自己设置的样式,但记住!important优先级样式是个例外,权值高于用户自己设置的样式。
0 0
- 标签的权值问题(优先级)
- 关于原形值的优先级问题
- *string++优先级的问题
- prototype优先级的问题
- 遇到优先级的问题
- 优先级翻转的问题
- NVIC的优先级问题
- 选择器的优先级问题
- 同一个标签定义多个样式优先级问题
- c 优先级的问题举例
- C语言优先级的问题
- 关于CSS优先级的问题
- python __getattribute__ 的优先级问题
- search help的优先级问题
- Component scrap的优先级问题
- 一个常见的优先级问题
- storyboard约束的优先级问题
- 算符优先级的问题
- NetSuite公司,是世界领先的云计算ERP软件套件
- jquery mobile 解决切换页面时,闪屏,白屏等问题
- nyoj 115 城市平乱 【BFS】
- Mina框架与Spring整合配置文件
- NetSuite公司,准确,SYSPRO,ACCPAC,的Epicor和Excel ERP软件
- 标签的权值问题(优先级)
- 有奖试读 使用share SDK实现腾讯微博授权登录分享(1.x版本)
- linux常用命令
- hduoj 1062
- 如何使用 Disruptor(三)写入 Ringbuffer
- linux 下oracle安装
- TLD跟踪算法介绍
- 监控apache虚拟主机进程
- flex day 1