Warum funktioniert mein Stylesheet nicht?

In meinem Projekt, padding-left mein Einzelteil von früheren stylesheetWarum funktioniert mein Stylesheet nicht?

gesetzt und können wir sehen, ist es padding-left 15px:

Wenn ich die padding-left deaktivieren

Deaktivieren Sie die padding-left ist meine Anforderung, also schreibe ich eine css:

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

}

Dann prüfe ich den HTML-Code in der firefox, fand aber meine css nicht genutzt haben:

Warum css nicht funktionieren? und egal, ich setze lml-list-item vor oder nach der Klasse, es funktioniert immer nicht.

<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>

Quelle

2016-12-20 aircraft

Kann ich das CSS für diese HTML-Zeile sehen? Was ist Listenblock, wo sollte es sein? – Obink

Klingt wie a) Ihr Stylesheet ist nicht enthalten/aktualisiert. b) es gibt nicht genug Spezifizität, um das CSS zu überschreiben. Du könntest immer das verpatzte "! Wichtig" -Tag zerschlagen;) –

füge "display: inline-block" zu ".lml-list-item" hinzu –

Scheint Ihre 15px padding Auswirkungen tiefer als nur .lml-list-item Versuchen:

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

oder als letzte Alternative ein !important Überschreibung:

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

Quelle

2016-12-20 16:03:56 Syden

Wie Sie aus den Bildern sehen Sie aufgenommen haben wird die padding-left: 15px auf .list-block .item-content gesetzt, also wird das Zuweisen einer Regel für .lml-list-item natürlich nicht Arbeit.

Verwenden .list-block .item-content.lml-list-item wird, und vielleicht auch .list-block .lml-list-item, solange es nach dem vorhandenen Stylesheet enthalten ist. Wenn Sie nur ein paar Regeln überschreiben möchten, können Sie auch einfach einen <style>-Block zu in der eigentlichen Datei hinzufügen (anstatt ein anderes Stylesheet hinzuzufügen), da inline/deklarierte Styles Stylesheet-Styles überschreiben.

Quelle

2016-12-20 16:12:38 junkfoodjunkie

Warum funktioniert mein Stylesheet nicht?

Antwort

Verwandte Themen