gpt4 book ai didi

css - WebKit/Mozilla 浏览器中奇怪的 CSS 选择器覆盖问题(至少)

转载 作者:太空宇宙 更新时间:2023-11-03 21:54:46 24 4
gpt4 key购买 nike

我遇到了一个奇怪的选择器覆盖问题。我正在尝试覆盖下面 HTML/CSS 中 .request-desc-download 类的 padding-left。添加额外的类似乎没有帮助。

文档

<!DOCTYPE html>

HTML

<ul class="letter-list">
<li>
<dl class="pers-data">
<dt>Person:</dt>
<dd>John Doe</dd>
</dl>
<span class="request-desc request-desc-download">
<a href="#">Download</a>
</span>
</li>

CSS:

.letter-list .request-desc{
padding-bottom: 12px;
padding-left: 25px;
background: url(../img/icons-request-desc.gif) no-repeat 0 5px;
}
.letter-list > li .request-desc-download{
background-position:0 -55px;
padding-left:18x !important;
}

我尝试过的选择器:

.letter-list > li .request-desc-download
.letter-list li span.request-desc-download
body .letter-list .request-desc-download

它们都没有修复 .request-desc-download 类左侧的填充。有什么想法吗?唯一可行的方法是将 padding-left 添加到实际跨度的 style 属性中,我不想这样做。

最佳答案

你写的是 18x 而不是 18px!

它工作得很好:http://jsfiddle.net/Qcfah/

.letter-list .request-desc{
padding-bottom: 12px;
padding-left: 25px;
}
.letter-list > li .request-desc-download{
padding-left: 18px;
}

关于css - WebKit/Mozilla 浏览器中奇怪的 CSS 选择器覆盖问题(至少),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14714078/

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