下图中的文字为什么显示为红色而不是蓝色

无·法 2018-08-18 02:49:23

<!DOCTYPE html>

<html lang="en">

<head>

<title>新网页</title>

</head>

<style>

.main div{color:red;}

.d1{color:blue;}

</style>

<body>

<div class="main">

    <div class="d1">123</div>

</div>

</body>

</html>

...全文

397 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

无·法 2018-08-19

打赏
举报

引用 2 楼 net_xiaojian 的回复:

css选择器权重问题。
http://www.nowamagic.net/csszone/css_SeletorPriorityRules.php

最上面的class d1改为 id=“d1”就显示蓝色的。

第一次看到这样详细的资料，非常感谢，根据这个我想到方法解决问题了。

.d1{color:blue;} 修改为div .d1{color:blue;} 即可生效，可以单独设置样式了。设置id不合适，因为有一批.d1的div

sunzbking 2018-08-18

打赏
举报

(class+elements=11)>(class=10)

net_xiaojian 2018-08-18

打赏
举报

css选择器权重问题。
http://www.nowamagic.net/csszone/css_SeletorPriorityRules.php

最上面的class d1改为 id=“d1”就显示蓝色的。

无·法 2018-08-18

打赏
举报

上面的我觉得和这个代码应该一样。

<!DOCTYPE html>

<html lang="en">

<head>

<title>新网页</title>

</head>

<style>

.main div{color:red;}

</style>

<body>

<div class="main">

    <div style="color:blue;">123</div>

</div>

</body>

</html>