div标签内的ID或Class标签

Question

Guyz我在css上全新，所以我有这个静止.....

h1 {
  color: red
}
p{
  color: blue
}
#ftx {
  color: green
}

<h1>It appears fine red</h1>
<p>Pretty good appears blue</p>
<div id="ftx">
<h1> why doesn't it appears green?</h1>
<p/>Neither it appears green</p>
</div>

 

为什么div标签不继承h1和p？

为什么ftx id不继承div标签内的h1和p标签？

Answer 1

指示 的样式适用于div 中的文本，除非被其他样式覆盖。

在下面的代码段中，您可以看到span为绿色，因为未应用其他样式。

h1和p不是现有样式适用的情况，因为它们尚未被覆盖。

＆＃13;

＆＃13;

h1 {
  color: red
}
p {
  color: blue
}
#ftx {
  color: green
}
div {
  border: 1px solid grey;
}

＆＃13;

<h1>It appears fine red</h1>
<p>Pretty good appears blue</p>
<div id="ftx">
  <h1> why doesn't it appears green?</h1>
  <span>Lorem ipsum dolor sit.</span>
  <p>Neither it appears green</p>
</div>

＆＃13;

＆＃13;

＆＃13;