Question

我遇到了奇怪的选择器覆盖问题。我正在尝试覆盖下面HTML / CSS中.request-desc-download类的填充左侧。添加其他类似乎没有帮助。

Doctyle

<!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属性中，我不想这样做。

Answer 1

您已撰写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;
}

WebKit / Mozilla浏览器中的奇数CSS选择器覆盖问题（至少）

1 个答案: