标签：style blog http color os ar strong 2014 art
原文:CSS中选择器优先级顺序实战讲解|
我是标记选择器 div
|
| <div id=”article”>itdriver.cn</div> |
| <div id=”article” style=””>itdriver.cn</div> |
|
/*给id为article的标签应用样式 */
#article{
font-size: 0.8em;
float:right;
}
|
当我们运行示例的时候，会发现div的背景依然是黄色的，但是我们字体大小是按着#article来设置的(因为行内样式没有设置字体大小)。这就说明： 行内样式 > ID选择器应用的样式。
|
/*给id为article的标签应用样式 */
#article{
font-size: 0.8em;
float:right;
}
/*给所有指定container为class的标签应用样式*/
.container{
font-size: 0.5em;
border:1px solid red;
}
|
|
/*给id为article的标签应用样式 */
#article{
font-size: 0.8em;
float:right;
}
/*给所有指定container为class的标签应用样式*/
.container{
font-size: 0.5em;
border:1px solid red;
}
div{
font-size:1em;
border:2px solid black;
color:green;
}
|
我们会发现，只有字体的颜色发生了变化，其他的样式还是之前的样式，这就说明标记选择器没有覆盖前面类选择器，ID选择器以及行内已定义的样式。这也就证明了 ： 行内样式 >ID选择器 > 类选择器 > 标记选择器.
标签：style blog http color os ar strong 2014 art
原文地址：http://www.cnblogs.com/lonelyxmas/p/3959253.html
