博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS层叠样式表之CSS解析机制的优先级及样式覆盖问题探讨
阅读量:7173 次
发布时间:2019-06-29

本文共 481 字,大约阅读时间需要 1 分钟。

hot3.png

  • 内联样式表的权值最高 1000;

    ID 选择器的权值为 100;
    Class 类选择器的权值为 10;
    HTML 标签选择器的权值为 1; 

样式的优先级

多重样式(Multiple Styles):如果外部样式、内部样式和内联样式同时应用于同一个元素,就是使多重样式的情况。

一般情况下,样式的优先级如下:(外部样式)External style sheet <(内部样式)Internal style sheet <(内联样式)Inline style。有个例外的情况,就是如果外部样式放在内部样式的后面,则外部样式将覆盖内部样式。 

CSS 优先级法则

•选择器都有一个权值,权值越大越优先;

•当权值相等时,后出现的样式表设置要优于先出现的样式表设置;

•创作者的规则高于浏览者:即网页编写者设置的CSS 样式的优先权高于浏览器所设置的样式;

•继承的CSS 样式不如后来指定的CSS 样式;

•在同一组属性设置中标有“!important”规则的优先级最大; 

转载于:https://my.oschina.net/ajian2014/blog/299696

你可能感兴趣的文章
几种任务调度的 Java 实现方法与比较
查看>>
《我与葡萄城的故事》— 征文大赛
查看>>
VB6 GDI+ 入门教程[3] 笔、刷子、矩形、椭圆绘制
查看>>
Python 访问set
查看>>
oracle Constraint[相似 constraint使用方法总结 I]
查看>>
huffman编码——原理与实现
查看>>
js特效,轻松实现内容的无缝平滑滚动
查看>>
JD-GUI
查看>>
POJ2063 Investment 【全然背包】
查看>>
漏洞都是怎么编号的CVE/CAN/BUGTRAQ/CNCVE/CNVD/CNNVD
查看>>
WebHelper-SessionHelper、CookieHelper、CacheHelper、Tree
查看>>
thinkphp添加后台的构思以及添加数据功能
查看>>
ceph理论及部署配置实践
查看>>
Mysql基础之字符集与乱码
查看>>
hdu 1829 A Bug's Life(分组并查集(偏移量))
查看>>
2015微信商业化正式启幕 为企业开启O2O主阵地
查看>>
winScp上传文件时,如何过滤制定文件
查看>>
通过NavMeshObstacle解决NavMesh防卡
查看>>
Current-sense monitor and MOSFET boost output current
查看>>
实验二 伸展树算法设计与实现
查看>>