时间戳

首页 > 解决方案 > 为什么我的通用选择器会覆盖我的元素选择器？

css - 为什么我的通用选择器会覆盖我的元素选择器？

问题描述

抱歉，如果有人问过这个问题，但我不知道为什么会这样！文本显示为black，即使我在正文选择器中将其设置为red。我很感激帮助。（注意：同样的事情发生在 div 选择器上）

CSS：

* {
  color: black;
}

body {
  font-family: "Courier New", Courier, monospace;
  line-height: 1.5em;
  color: red;
}

HTML：

 <body>
    <h2>Hi!</h2>
    <p>
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus,
      reprehenderit expedita, non eveniet qui eos nostrum, tenetur odit
      perferendis praesentium voluptatem nobis rerum laborum. Nobis consequuntur
      reprehenderit id nesciunt exercitationem!
    </p>
  </body>

标签： css

解决方案

您想要定位段落和标题 (p/h2)

这*适用于所有选择器，但 CSS 是级联的，正如名称所解释的那样，这意味着您在第一条规则之下为 div 提供的任何样式都将覆盖您在*

给他们一个类属性

HTML

<body>
  <h2 class="heading">Hi!</h2>
  <p class="paragraph">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus,
    reprehenderit expedita, non eveniet qui eos nostrum, tenetur odit
    perferendis praesentium voluptatem nobis rerum laborum. Nobis consequuntur
    reprehenderit id nesciunt exercitationem!
  </p>
</body>

CSS

* {
  color: black;
}

.heading, .paragraph {
  font-family: "Courier New", Courier, monospace;
  line-height: 1.5em;
  color: red;
}

推荐阅读