なぜ私のスタイルシートがうまくいかなかったのですか？私のプロジェクトで

、私のアイテムのpadding-leftは、前stylesheetなぜ私のスタイルシートがうまくいかなかったのですか？私のプロジェクトで

によって設定され、我々はpadding-left 15ピクセルがある見ることができます：

私はpadding-leftをオフにした場合：

padding-leftのチェックを外してください、私はcss：

.lml-list-item { 
    background-color:#111111; 
    padding-left:0px; // I set padding-left:0px; 

}

それから私はfirefoxでHTMLをチェックし、私cssは使用しませんでした：

私 cssが動作しないのはなぜ

？私はlml-list-itemをクラスの前でも後でも設定しても、常に動作しません。

<a href="#" class="lml-list-item item-link item-content "> 
    <li class="item-content lml-item-content"> 
     <div class="item-media black"><i class="icon icon-f7"></i></div> 
     <div class="item-inner"> 
      <div class="item-title">个人信息</div> 
     </div> 
    </li> 
</a>

出典

2016-12-20 aircraft

私はそのHTML行のCSSを見ることができますか？リストブロックとは何か、それはどこにあるべきですか？ – Obink

a）あなたのスタイルシートは含まれていません。 b）cssをオーバーライドするのに十分な特異性がない。）あなたはいつも '！important'タグにぶち壊されました;） –

" .lml-list-item "に" display：inline-block " –

だけ.lml-list-item試しよりもあなた15px padding影響が深いようだ：あなたが含まれてきた写真からもわかるように

.lml-list-item { 
    padding-left: 0 !important; 
}

出典

2016-12-20 16:03:56 Syden

：!importantオーバーライド

.list-block>ul>.item-content.lml-list-item { 
    padding-left: 0; 
}

かのように最後の選択肢、padding-left: 15pxは.list-block .item-contentに設定されているため、.lml-list-itemのルールを割り当てることはもちろんできません仕事。

.list-block .item-content.lml-list-itemを使用すると、おそらくまた.list-block .lml-list-itemとなりますが、それは既存のスタイルシートの後に含まれている限りです。また、いくつかのルールをオーバーライドする場合は、インライン/宣言されたスタイルがスタイルシートを上書きするため、<style>ブロックを実際のファイルの<head>に追加するだけで済みます（別のスタイルシートを追加するのではなく）。

出典

2016-12-20 16:12:38 junkfoodjunkie

なぜ私のスタイルシートがうまくいかなかったのですか？私のプロジェクトで

答えて

関連する問題