我遇到了一个奇怪的选择器覆盖问题。我试图覆盖下面HTML/CSS中为.request-desc-download
类留下的填充。添加其他类似乎没有帮助。
文档样式
<!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;
}