还将css应用于覆盖高级说明符的所有段落元素。
如何同时将CSS应用于html文档的所有段落元素，以便它也覆盖更高的说明符，我也知道*选择器，但它选择了所有元素。
.about-box p{
font-family: Montserrat-Regular;
font-size: 14px;
line-height: 16px;
}现在，如果我应用下面的css，它将不会像上面给出的那样适用于更高的说明符。
p{
font-size: 20px;
}我试过使用*P body>p。
回答 4
Stack Overflow用户
发布于 2018-08-17 18:02:02
要抓到小偷就得有小偷。
也许没有正确的方法来纠正错误。但跟随可以帮助你解决或实现你想要的。
您需要的是class和id选择器的帮助，它们充当更高的说明符，从而覆盖其他更高的说明符。
解决方案：
html [class] > p,
html * > * > p,
html [class] > * > p,
html [id] > * > p,
html [class] > * > * > p,
html [id] > * > * > p {
font-size: 20px;
}
.about-box p {
font-family: Montserrat-Regular;
font-size: 14px;
line-height: 16px;
}<div class="row">
<div class="about-box">
<h2>About Us</h2>
<p>some paragraph goes here ....</p>
</div>
<div class="col-sm-12">
<div class="thumbnail">
<div class="caption">
<h2 class="text-center">Your Books & Book Proposals:</h2>
<p>paragraph goes here </p>
<p>paragraph here</p>
</div>
</div>
</div>
@huelfe感谢jsFiddle代码，使用你的HTML。
还可以共享科德芬来调整代码和播放。
Stack Overflow用户
发布于 2018-08-17 06:23:57
有两种方法可以做到这一点。要么你使用!important
.about-box p {
font-family: Montserrat-Regular;
font-size: 14px;
line-height: 16px;
}
p {
font-size: 20px !important;
}<div class="about-box">
<p>
test
</p>
</div>
<p>
test2
</p>
或者在更高级别的元素(如body)上设置一个id：
#body p {
font-size: 20px;
}
.about-box p {
font-family: Montserrat-Regular;
font-size: 14px;
line-height: 16px;
}<body id="body">
<div class="about-box">
<p>
test
</p>
</div>
<p>
test2
</p>
</body>
Stack Overflow用户
发布于 2018-08-17 06:25:58
您需要了解CSS级联是如何工作的，在这种情况下，它是如何工作的。.about-box p比普通的p更具体，因此您永远不能单独使用p覆盖在.about-box p中定义的样式，除非您想要使用可怕的!important语法(这通常是个坏主意)。
在我看来，您似乎想要覆盖在font-size中定义的.about-box p。如果是这样，为什么不直接修改/删除它呢？如果你做不到，你也可以这样做：
.about-box p{
font-family: Montserrat-Regular;
font-size: 14px;
line-height: 16px;
}
p, .about-box p {
font-size: 20px;
}编辑:根据您的评论，这听起来像是“这不是我的代码，我只是想修复这件事”。我仍然强烈建议您进行搜索并删除CSS中为font-size定义的所有p。
CSS定义不可能覆盖更高的说明符，而不具有相同的级别，甚至更高的级别(除非出于重要性)。现在的问题是，我们无法看到您是否只有这一个类要重写，或者还有更多您没有提到的类。如果我们不能看到整个情况，我们就不可能给出任何有价值的建议。
毫无疑问，!important是最快的解决方案，但几乎总是糟糕的解决方案。
https://stackoverflow.com/questions/51889332
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号