CSS样式优先权问题 _Shang pin China focuses on high quality website construction

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

写法优先权

从样式写入的位置来看，它们的优先级依次是:

行内样式表。
内部样式表。
外部样式表。

也就是说，在相同的CSS定义情况下，使用style定义在XHTML标签之中的样式，其必然优先于写在<style>...</style>之间的样式定义.其次或者说最后才是对外部样式表调用及应用。

选择符优先权

对于id与class而言，id的定义优先于class的定义。比如：
<div id="layout" class="mylayout">{...文本...}</div>

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

#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的背景色为黑色。这样就可以在大多数相同的情况下，对个别特例进行单独设计。

Bsports必一体育

CSS样式优先权问题

Date：2014-08-04 Aource：😘必一运动·(B-sports)官方网站中国 Type：网站百科
Word Size：small medium big

+86 10-60259772