CSS样式优先权问题
来源：尚品中国|
类型：网站百科|
时间：2014-08-04
由于存在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的背景色为黑色。这样就可以在大多数相同的情况下，对个别特例进行单独设计。
写法优先权
从样式写入的位置来看，它们的优先级依次是:
行内样式表。
内部样式表。
外部样式表。
也就是说，在相同的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）。
TAG标签：
推荐新闻
更多行业-
要想做好网站建设，前期需要定制一个网站设计方案
在做任何事情之前，你必须制定一个好的计划，并且有计划地去做，这样你才能...
2020-04-13 -
对企业网站建设提出一些建议
有用的企业网站，前期策划，设计风格，制造过程中的相应要求。很多企业网站...
2021-01-25 -
手机网站如何建设？看看这几个要点
随着生活质量的提高和互联网的发展，人们越来越离不开手机和互联网。现在是...
2020-06-25 -
企业型网站建设结合网站优化应该怎样设计网站结构
北京网站建设公司尚品中国：从事互联网网站方面工作已经有一段时间了，方向...
2012-08-16 -
沈阳网站建设如何做好网页制作？看看这些创意
整体风格规划就像网页制作的支柱。如果计划的功能不能给用户一个直接的感觉...
2020-05-26 -
网站优化推广比较适用的好办法
做为seo优化人员,在网站建设之前就要充分考虑搜索引擎优化的各种要素，...
2012-07-30
如果您的网站可以增加转化次数并提高客户满意度，该怎么办？
预约专业咨询顾问沟通！
Copyright © 2025 恒久尚品 版权所有 | 京ICP备09066521号
| 公安机关备案号:11011502003910
免责声明
诚信企业
尚品专注高端网站建设，系统平台开发，微信小程序及APP开发服务
尚品专注高端网站建设，系统平台开发，微信小程序及APP开发服务
免责声明
非常感谢您访问我们的网站。在您使用本网站之前，请您仔细阅读本声明的所有条款。
1、本站部分内容来源自网络，涉及到的部分文章和图片版权属于原作者，本站转载仅供大家学习和交流，切勿用于任何商业活动。
2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。
3、本声明未涉及的问题参见国家有关法律法规，当本声明与国家法律法规冲突时，以国家法律法规为准。
4、如果侵害了您的合法权益，请您及时与我们,我们会在第一时间删除相关内容!
联系方式：010-60259772
电子邮件：394588593@qq.com
