内部,行内,行外样式的优先级问题
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>
以上是关于内部,行内,行外样式的优先级问题的主要内容,如果未能解决你的问题,请参考以下文章
Web前端技术:CSS部分初识--行内样式内嵌样式外部样式,CSS的优先级,CSS的选择器,各种CSS样式(文本与文字颜色的表示背景的设置超链接列表表格图片)