码迷,mamicode.com
首页 > 其他好文 > 详细

内部,行内,行外样式的优先级问题

时间:2017-07-21 11:38:36      阅读:130      评论:0      收藏:0      [点我收藏+]

标签:问题   pre   生效   color   type   class   例子   font   选择器   

 例子:    注:权值  (内部样式:1000  id选择器:100  类选择器:10  元素选择器:1) (权值越大越会生效) 
<title>权值问题</title>
</head>
<style type="text/css">
#redp p{
/*权值=100+1=101*/
color: red;
}
#redp p{
/*权值=101+10+1=111*/
color: blue;
}
#redp p{
/*权值=100+1+1+1=103*/
color: yellow;
}
</style>
<body>
<div id="redp">
<p class="red">红色</p>
<span><em>蓝色</em></span>
</div>
</body>

内部,行内,行外样式的优先级问题

标签:问题   pre   生效   color   type   class   例子   font   选择器   

原文地址:http://www.cnblogs.com/lizuowei/p/7216784.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!