- 1、本文档共2页,可阅读全部内容。
- 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
Css样式的优先级
在CSS中使得一个具体的元素获得一个样式定义属性集合,有以下几种方式:
1、直接在元素中通过style来定义标签样式
比如有以下代码
div tyle=background:black
/div
通过style方式来定义了div标签的样式,这种方式定义样式在css规范中有很高的优先权(1000)
2、通过ID选择器来获取样式定义,有以下代码:
div id=bgc
/div
然后我们定义了ID选择器的:
#bgc{background:black}
ID选择器也是据有比较高的优先权,每个权重为100
3、类选择器,伪类选择器,属性选择器
类选择器的定义和使用:
.bgc{background:black}
div class=bgc
/div
这三类选择器在css规范中拥有的优先权相对较低,每个权重为10
4、元素和伪元素选择器
比如以下代码
div{background:black}
div/div
这类选择器在css规范中的优先权非常低,每个权重为1
5、其它选择符(全局选择符*,子选择符)
优先权最低,每个权重为0
6、继承
比如有这么一段html代码,
div class=no1
p/p
/div
继承并不参与到优先权的计算当中
例子:引一个css外部文件
html
head
meta
title/title
link href=style/common/base.css type=text/css rel=stylesheet
/head
body
pcss样式的优先级/p
/body
/html
备注:
1、同一规则(id与id相比较、class与class相比较)的样式,按书写的顺序,后面的优先级高于前面。
2、同一规则(id与id相比较、class与class相比较)的样式,外部引入的样式,优先级高于内联样式(style.ss{}/style)。
例子:引多个css外部文件
head
meta
title/title
link href=”style/common/a1.css” type=”text/css” rel=”stylesheet”
link href=”style/common/ a2.css” type=”text/css” rel=”stylesheet”
link href=”style/common/ a3.css” type=”text/css” rel=”stylesheet”
/head
备注:
1、同一规则(id与id相比较、class与class相比较)的样式,按书css外部文件引入的顺序,后面的优先级高于前面。
在做页面布局时,为了解决css的冲突,我们可以根据样式引入的顺序,来解决css冲突。
联系方式:QQ:985159520
zhounianlai@126.com
文档评论(0)