wie man den Wert eines CSS-Attributs für ein UL-Tag mit Inline-Stil entfernt - html, css, inline

Ich habe ein Szenario, in dem ich eine CSS-Eigenschaft für ein UL-Tag mit Inline-Stylesheet entfernen möchte.

ul, ol {
margin: 0;
padding: 0;
}

ich möchte entfernen padding Attribut mit Inline-Stil. Ich habe versucht zu geben padding:-1 aber es funktioniert nicht. Zur Zeit padding: 0 wird von einer externen CSS-Datei empfangen, die ich nicht ändern kann.

JQuery kann in meinem Fall nicht verwendet werden.

Bitte helfen Sie.

Vielen Dank, Manoj

Antworten:

2 für die Antwort № 1

benutzen !important Eigentum. beispielsweise

padding: 2px !important;

0 für die Antwort № 2

Negative Werte sind nicht erlaubt. Sie können nicht -1 Padding geben.

Überprüfen Sie das folgende Beispiel. Sie können im Entwickler-Tool sehen, dass das negative Padding entfernt wird. Wie es nicht erlaubt ist.

ul, ol {
margin: 0;
padding: 0;
}
<ul style="padding:-1 !important; list-style-type:disc;">
<ol>
test
</ol>
</ul>

Aber wenn Sie positiven Wert geben. Es überschreibt das vorherige mit Inline-CSS.

ul, ol {
margin: 0;
padding: 0;
}
<ul style="padding:10px; list-style-type:disc;">
<ol>
test
</ol>
</ul>


0 für die Antwort № 3

Negatives Padding gibt es nicht. Sie können die negative Marge verwenden, was sich in bestimmten Fällen als sehr nützlich erweist. Um die Padding-Eigenschaft zu entfernen, die Sie verwenden könnten important! und setze padding = none unter Verwendung von Inline-Styling als

<li style="padding:none !important"></li>

0 für die Antwort № 4

Du kannst den ... benutzen Anfangsschlüsselwort um einen CSS-Wert in seinen Anfangszustand zu setzen, z.B.

ul, ol {
margin: initial;
padding: initial;
}

oder der nicht gesetztes Schlüsselwort um es z.B.

ul, ol {
margin: unset;
padding: unset;
}

Dadurch wird festgelegt, dass eine vererbte Eigenschaft vererbt und eine reset -Eigenschaft deaktiviert wird.


Speisekarte