gpt4 book ai didi

css - 无法覆盖规则,即使在使用 !important 时也是如此

转载 作者:太空宇宙 更新时间:2023-11-03 19:28:26 25 4
gpt4 key购买 nike

我一定是在监督某些事情或者我的代码中有一些愚蠢的错误,但我不能用 ID CSS 和 (blush) 覆盖 CSS 类,即使添加了令人厌恶的 !important hack .. .

注意:这是一个旧的(大概)WordPress 模板,仍然使用清除 float 的 div,但我必须使用它。不是我的选择。

HTML:

<body id="page-front-page" class="page-template-homepage">

<ul class="menu">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Gardens</a></li>
</ul>

<div class="sidebar">
blah
</div>

CSS

#page-front-page > .sidebar {
padding: 0;
position: absolute;
top: 0;
right: 0 !important;
width: 45%;
}

几行是

.sidebar {
width: 280px;
padding: 50px 40px;
position: absolute;
top: 0;
left: 0;
font-size: 0.71em;
font-family: 'BrandonGrotesque-Light';
}

我什至尝试交换各自 .sidebar CSS 的位置,但没有任何帮助。根本无法让 right:0; 覆盖 left:0;

这是检查器屏幕截图:

Screenshot sidebar CSS

我错过了什么,看不到,愚蠢吗?非常感谢!!!

最佳答案

您可以使用 right 0 !important 来覆盖另一个 right 声明。您正在使用它来尝试覆盖另一个属性。它不是这样工作的。没有联系,因为它们是两个不同的属性。

如果你想要 left: 0 的反义词,那么试试 left: 100%... 或者,正如@BoltClock 在评论中提到的那样,left : 自动

关于css - 无法覆盖规则,即使在使用 !important 时也是如此,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42655018/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com