为什么html类使用类选择符设置样式后，再用通配设置样式，有一个p标签没有被设置？
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>样式</title><styletype="...
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>样式</title> <style type="text/css"> div { font-size: 50px; } </style> <link rel="stylesheet" type="text/css" href="mystyle.css"> <style type="text/css"> .d{ color: blue; } *{ color: darkseagreen; } </style></head><body> <div> <p>我是小山音</p> </div> <div class="d"> <p>我是小山音</p> </div> <div class="d"> <p>我是小山音</p> </div> <p class="d">我是落羽</p> <!--为什么它的颜色还是blue；--> <p>我是落羽</p> <p>我是落羽</p> <h2>我是dingyun</h2></body></html>
重新排版
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>样式</title>
<style type="text/css">
div {
font-size: 50px;
}
</style>
<link rel="stylesheet" type="text/css" href="mystyle.css">
<style type="text/css">
.d{
color: blue;
}
*{
color: darkseagreen;
}
</style>
</head>
<body>
<div>
<p>我是小山音</p>
</div>
<div class="d">
<p>我是小山音</p>
</div>
<div class="d">
<p>我是小山音</p>
</div>
<p class="d">我是落羽</p>
<!--为什么它的颜色还是blue；-->
<p>我是落羽</p>
<p>我是落羽</p>
<h2>我是dingyun</h2>
</body>
</html> 展开
重新排版
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>样式</title>
<style type="text/css">
div {
font-size: 50px;
}
</style>
<link rel="stylesheet" type="text/css" href="mystyle.css">
<style type="text/css">
.d{
color: blue;
}
*{
color: darkseagreen;
}
</style>
</head>
<body>
<div>
<p>我是小山音</p>
</div>
<div class="d">
<p>我是小山音</p>
</div>
<div class="d">
<p>我是小山音</p>
</div>
<p class="d">我是落羽</p>
<!--为什么它的颜色还是blue；-->
<p>我是落羽</p>
<p>我是落羽</p>
<h2>我是dingyun</h2>
</body>
</html> 展开
1个回答
展开全部
css优先级的问题，就像你要覆盖掉前面一个class的样式，那么你新写的样式选择器前缀要么跟上面的一致，要么比上面的更精确，如果比上面的笼统，那是覆盖不掉的。
追问
那为什么就是那一个，按道理不应该只有一个啊
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
