首页 > 新闻 > 知识赋能

CSS样式优先权问题

2014-08-04 5339
分享至:
由于存在3种不同的样式表导入方式,以及各种种类繁多的样式选择符,因此在Css样式的定义中,难免存在重复定义。对于浏览器来说,究竟优先执行哪一个定义,这便是我们需要考虑的问题。在北京网站建设CSS设计中,样式优先问题不容忽视。

写法优先权

从样式写入的位置来看,它们的优先级依次是:
行内样式表。
内部样式表。
外部样式表。
也就是说,在相同的CSS定义情况下,使用style定义在XHTML标签之中的样式,其必然优先于写在 之间的样式定义.其次或者说最后才是对外部样式表调用及应用。

选择符优先权

对于id与class而言,id的定义优先于class的定义。比如:
{...文本...}

在同时定义了两种选择符的情况下,比如:

#layout {
background-color:blue;
}
.mylayout{
Background-color:red;
}

div将执行id中的定义,即背景色为blue。而具有class属性比没有class属性的优先权要大,比如下面的CSS定义:
.mylayout{
    background-color:red;
}
div{
   background-color:green;
}

div将执行class中的定义,即背景色为red。从选择符的优先权上看:id>class>类型选择符。选择符优先权能够帮助我们优化CSS定义代码。
div{
background-color:green;
}
div#news{
background-color:black;
}
所有的div背景色都是绿色,但id为news的背景色为黑色。这样就可以在大多数相同的情况下,对个别特例进行单独设计。
来源声明:

本文章系尚品中国编辑原创或采编整理,如需转载请注明来自尚品中国。以上内容部分(包含图片、文字)来源于网络,如有侵权,请及时与本站联系(010-60259772)。

立即预约专属顾问 开启数字化转型之旅!

10年+资深项目经理1V1服务 | 行业定制化方案 | 精准报价体系
获取策划方案
立即预约专属顾问 开启数字化转型之旅!

咨询我们,获得专业的服务和报价

联系我们,免费获取项目方案及报价,或只是聊一聊您的项目? 在收到您的需求留言后我们将由专业人员于24小时内与您取得联系,请您保持电话畅通!

  • 科研院所解决方案
  • 外贸出海解决方案
  • 协会学会解决方案
  • 集团上市公司解决方案
  • 生物医药解决方案
  • 制造业解决方案
  • 高校教育解决方案
  • 信创网站改造解决方案
更多服务咨询,请联系尚品

010-60259772

您的姓名 *
您的电话 *
您的邮箱
公司名称 *