CSS: außer Kraft setzen eine Eigenschaft in li style resideing innerhalb einer Klasse

Question

diese Zeilen von Codes vor:

<dd class="flt-block-content "> 
 
    <ol> 
 
    <li style="width: 50%;"> 
 
     <a href="ref">abc</a> 
 
     <span class="count-wrapper">(6)</span> 
 
    </li> 
 
    <li style="width: 50%;"> 
 
     <a href="ref">def</a> 
 
     <span class="count-wrapper">(16)</span> 
 
    </li> 
 
    </ol> 
 
</dd>

Wie kann ich die width Eigenschaft aller li-Tags überschreiben, die in der residiert Klasse namens flt-block-content mit meinem benutzerdefinierten Wert?

Zweite Frage: Ist die Verwendung von !important zum Überschreiben erforderlich?

Answer 1

Wenn Sie einen Inline-Stil haben und ihn überschreiben möchten, müssen Sie dazu !important verwenden.

Answer 2

Zuerst verwenden Sie Inline-Stile, deren Spezifität größer als ID, Klasse oder Element ist. Also würden sie Stile von allen dreien überschreiben. Um also eine Standardbreite zu haben, und dann außer Kraft setzen, Sie eine Klasse erstellen können default und weisen width:50% und eine Klasse override und weisen Sie die Überschreibung Stile

li.default { 
    width:50% 
} 

li.override { 
    //Override styles 
} 

Für Ihre zweite Frage auf ! important, es ist nie eine gute Praxis Verwenden Sie ! important, es sei denn, in sehr spezifischen Szenarien erforderlich