拨开荷叶行,寻梦已然成。仙女莲花里,翩翩白鹭情。
IMG-LOGO
主页 文章列表 如何使类覆写元素CSS样式?

如何使类覆写元素CSS样式?

白鹭 - 2022-03-07 2117 0 0

下面分别是我的 CSS 和 HTML 代码。除了一组三个之外,我希望所有段落都是黑色字体。我知道我可以给这三个段落中的每一个分配一个自己的类,但如果有一种方法可以一次更改所有这些段落,我更愿意。我认为将它们包装在一个 div 标签中并为该 div 标签提供“.special-paragraphs”类会起作用,但它没有。有什么办法可以做到这一点还是我被迫单独编辑每个段落?

p { 
  color: black; 
}

.special-paragraphs {
  color: chartreuse;
  background-color: pink;
  font-family: Arial, Helvetica, sans-serif;
}

  <div class="special-paragraphs">
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. <br>
      Quo, quaerat repudiandae ad culpa minus repellat dolore, possimus <br>
      nemo qui sunt voluptas architecto iure accusantium nihil pariatur <br>
      dolores debitis error asperiores.</p>
    <p>Amet perspiciatis, cupiditate illo pariatur rem quasi ab <br>
      reprehenderit? Ex nisi consectetur possimus, corrupti voluptates <br>
      ullam, quod accusamus id iure quas consequuntur? Obcaecati aspernatur <br>
      minima, temporibus ea sed totam adipisci!</p>
    <p>Ipsa odit aut dicta perspiciatis vero commodi sequi reiciendis. <br>
      Eum fugit sapiente blanditiis non quisquam veniam harum iusto! Ex, <br>
      at. Laboriosam iusto provident consequuntur ab necessitatibus deserunt <br>
      ducimus, fugit fuga!</p>
  </div>

uj5u.com热心网友回复:

您可以使用

<p style="color:black">

...这不是更好,但有效

uj5u.com热心网友回复:

尝试添加!重要:

    .special-paragraphs {
      color: chartreuse !important;
      background-color: pink;
      font-family: Arial, Helvetica, sans-serif;
    }

uj5u.com热心网友回复:

您不需要为默认 P 元素提供样式。因为它会覆写所有的 P 元素。所以你只需要为特殊段落添加样式。它会起作用。

.special-paragraphs
{
  color: chartreuse;
  background-color: pink;
  font-family: Arial, Helvetica, sans-serif;
}
<p>I am normal</p>
<div class="special-paragraphs">
<p>I am red</p>
<p>I am blue</p>
<p>I am green</p>
<div>
标签:

0 评论

发表评论

您的电子邮件地址不会被公开。 必填的字段已做标记 *