UC知道急急急,css优先级问题啊?
来源：百度知道 编辑：UC知道 时间：2024/09/25 00:38:23
急急急,css优先级问题啊?
<style>
#a{ /*权重100*/
color:red;
}
h4{ /*权重1*/
color:blue;
}
</style>
<body>
<div id="a">
<h4>111</h4> <--------这里h4继承权重是0
</div>
</body>
h4的继承权重是0,#a权重100大于h4继承权重0,h4继承红色,
然后又给h4设置颜色,这时h4权重为1,还是小于#a权重的,应该显示的是红色啊,怎么显示蓝色了?
--------------------------------------------------------------
body {color:#f00;} /*body权重为1*/
<p>CSS<strong>继承性</strong>的测试</p> p继承权重为0,strong继承权重也为0
当给strong(color:red;}设置颜色后,strong权重为1,那么body和strong都等于1
这时候strong是什么色?
<style>
#a{ /*权重100*/
color:red;
}
h4{ /*权重1*/
color:blue;
}
</style>
<body>
<div id="a">
<h4>111</h4> <--------这里h4继承权重是0
</div>
</body>
h4的继承权重是0,#a权重100大于h4继承权重0,h4继承红色,
然后又给h4设置颜色,这时h4权重为1,还是小于#a权重的,应该显示的是红色啊,怎么显示蓝色了?
--------------------------------------------------------------
body {color:#f00;} /*body权重为1*/
<p>CSS<strong>继承性</strong>的测试</p> p继承权重为0,strong继承权重也为0
当给strong(color:red;}设置颜色后,strong权重为1,那么body和strong都等于1
这时候strong是什么色?
越接近你要设置样式的内容的css的优先权越高；
比如：
<body>
<div id="a">
<h4>111</h4></div>
</body>
在这里你要对字符串111设置样式，h4标签距离111比div进，所以权限比div高。
先讲上面那个，“/*权重100*/”，这只是你的标注而已。你看一下下面这段程序，就可以知道，<h4>的优先级高于<div>,“111”的颜色当然要根据<h4>的定义来显示喽。
<body>
<div id="a">
<h4>111</h4>
</div>
</body>
第二个问题，<strong>的优先级高于<body>,所以 <strong></strong>之间的字的颜色就是strong所定义的颜色，即为红色。
老大你今天问了2个同类的问题了。换汤不换药啊。。。。
我不知道这个css跟权重有什么关系
先说111为什么是蓝色 你知道就近原则吧 就是111离<h4>近 所以它按<h4>的样式 你不信试试都是这样 当两种样式有冲突时就按距理他近的那个
你说<body>和<strong>哪个标签距离那些字近啊还是就近原则 当然按红色了啊
还有一点提醒<strong>和<b>标签以前都是加粗但现在<strong>不符合w3标准 希望以后别再用它 预防出现错误