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

Posted 天上一片红

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了内部,行内,行外样式的优先级问题相关的知识,希望对你有一定的参考价值。

 例子:    注:权值  (内部样式: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>

以上是关于内部,行内,行外样式的优先级问题的主要内容,如果未能解决你的问题,请参考以下文章

CSS样式优先级及穿透

important覆盖行内样式

Web前端技术:CSS部分初识--行内样式内嵌样式外部样式,CSS的优先级,CSS的选择器,各种CSS样式(文本与文字颜色的表示背景的设置超链接列表表格图片)

前端随堂笔录3

CSSCSS样式的优先级

CSSCSS样式的优先级