如何让 div 部分覆盖其他样式代码？ [复制]答案

【问题标题】：How do I get the div section to override other styling code? [duplicate]如何让 div 部分覆盖其他样式代码？ [复制]
【发布时间】：2021-01-29 15:06:35
【问题描述】：

p, address 
{
    color: blue;
}

div.acolour 
{
    color: red;
}

<h1>Tutorial 1</h1>
<p><b>Ex 1.</b></p>
<p><b>Ex 2.</b></p>
<div class = "acolour">
<p><i>Sentence 1.</i></p>
<p><i>Sentence 2.</i></p>
<p><i>Sentence 3.</i></p>
</div>

这个问题是因为我让所有 p 标签都是蓝色的，带有 p 标签的 div 部分也是蓝色的，但我希望这部分是红色的。我如何使它不被覆盖？抱歉，如果之前有人问过这个问题。

【问题讨论】：

这是一个非常基本的问题，并且清楚地表明您在提出问题之前没有阅读过它。

标签： html css

【解决方案1】：

这样的事情会起作用：

p,
address {
  color: blue;
}

div.acolour p {
  color: red;
}

<h1>Tutorial 1</h1>
<p><b>Ex 1.</b></p>
<p><b>Ex 2.</b></p>
<div class="acolour">
  <p><i>Sentence 1.</i></p>
  <p><i>Sentence 2.</i></p>
  <p><i>Sentence 3.</i></p>
</div>

【讨论】：