<p>标签ID样式不受尊重

Question

我想更改'id = koll'的样式，但css文件仍从'#kava p'读取'id = koll'的样式信息

#kava p {
  font-size: .9rem;
  margin-top: 15px;
  line-height: 1.4rem;
  font-family: 'Tajawal', sans-serif;
  font-weight: 400;
}

#koll {
  font-weight: 400;
  font-size: 1.2rem;
}

<div id='kava'>
  <ol>
    <li>
      <h4>title</h4>
      <p id="koll">sdsd sdg s sdfsdf</p>
      <p>sldfhs sdfh sd sdufhs f sdufhsd</p>
    </li>
  </ol>
</div>

Answer 1

之所以发生是因为强大的继承力。

#kava p {
  font-size: .9rem;
  margin-top: 15px;
  line-height: 1.4rem;
  font-family: 'Tajawal', sans-serif;
  font-weight: 400;
}

#kava #koll {
  font-weight: 400;
  font-size: 1.2rem;
}

<div id='kava'>
  <ol>
    <li>
      <h4>title</h4>
      <p id="koll">sdsd sdg s sdfsdf</p>
      <p>sldfhs sdfh sd sdufhs f sdufhsd</p>
    </li>
  </ol>
</div>