0

奇妙なセレクターオーバーライドの問題に遭遇しました。.request-desc-download以下の HTML/CSS でクラスの 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ですが、これは私がしたくないことです。

4

1 に答える 1

4

!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;
}
于 2013-02-05T18:15:25.443 に答える