<分区>
标签 html css css-selectors
<分区>
我想更改 '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>
最佳答案
它的发生是因为强大的继承性。
#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>
关于html - <p> 标签 id 样式不受尊重,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54479072/