Was bedeutet! Wichtig in CSS?

Was !importantbedeutet in CSS?

Ist es in CSS 2 verfügbar? CSS 3?

Wo wird es unterstützt? Alle modernen Browser?

Es bedeutet im Wesentlichen, was es sagt; "Dies ist wichtig, ignorieren Sie nachfolgende Regeln und alle üblichen Spezifitätsprobleme, wenden Sie diese Regel an!"

Bei normaler Verwendung wird eine in einem externen Stylesheet definierte Regel durch einen im headDokument definierten Stil außer Kraft gesetzt , der wiederum durch einen Inline-Stil innerhalb des Elements selbst außer Kraft gesetzt wird (unter der Annahme der gleichen Spezifität der Selektoren). Durch das Definieren einer Regel mit dem !importantAttribut '(?) Werden die normalen Bedenken hinsichtlich der' späteren 'Regel verworfen, die die' früheren 'Regeln überschreibt.

Normalerweise überschreibt eine spezifischere Regel auch eine weniger spezifische Regel. Damit:

a {
    /* css */
}

Wird normalerweise außer Kraft gesetzt von:

body div #elementID ul li a {
    /* css */
}

Da der letztere Selektor spezifischer ist (und es normalerweise keine Rolle spielt, wo sich der spezifischere Selektor befindet (im headoder im externen Stylesheet), überschreibt er immer noch den weniger spezifischen Selektor (Inline-Stilattribute werden immer verwendet) Überschreiben Sie den spezifischen Selektor "mehr" oder "weniger", da er immer spezifischer ist.

Wenn Sie jedoch !importantdie CSS-Deklaration des weniger spezifischen Selektors ergänzen , hat diese Priorität.

Das Verwenden !importanthat seine Zwecke (obwohl ich Schwierigkeiten habe, an sie zu denken), aber es ähnelt dem Verwenden einer nuklearen Explosion, um zu verhindern, dass die Füchse Ihre Hühner töten. Ja, die Füchse werden getötet, aber auch die Hühner. Und die Nachbarschaft.

Es macht das Debuggen Ihres CSS auch zu einem Albtraum (aus persönlicher, empirischer, Erfahrung).

Die! Wichtige Regel ist eine Möglichkeit, Ihre CSS-Kaskade zu erstellen, aber es müssen auch immer die Regeln angewendet werden, die Ihrer Meinung nach am wichtigsten sind. Eine Regel mit der Eigenschaft! Important wird immer angewendet, unabhängig davon, wo diese Regel im CSS-Dokument angezeigt wird.

Also, wenn Sie Folgendes haben:

.class {
   color:red !important;
}
.outerClass .class {
   color:blue;
}

Die Regel mit dem Wichtigen ist die angewandte (ohne Berücksichtigung der Spezifität ).

Ich glaube, !importantin CSS1 erschienen, so dass jeder Browser es unterstützt (IE4 bis IE6 mit einer Teilimplementierung, IE7 + voll)

Es ist auch etwas, das Sie nicht oft verwenden möchten, denn wenn Sie mit anderen Personen arbeiten, können Sie andere Eigenschaften überschreiben.

!important ist ein Teil von CSS1.

Browser, die dies unterstützen: IE5.5 +, Firefox 1+, Safari 3+, Chrome 1+.

Es bedeutet so etwas wie:

Verwenden Sie mich, wenn es sonst nichts Wichtiges gibt!

Kann es nicht besser sagen.

Es wird verwendet, um die Sortierung in der CSS-Kaskade zu beeinflussen, wenn die Sortierung nach Ursprung erfolgt. Es hat nichts mit Spezifität zu tun, wie hier in anderen Antworten angegeben.

Hier ist die Priorität vom niedrigsten zum höchsten:

1. Browser-Stile
2. User Style Sheet Deklarationen (ohne! wichtig)
3. Autoren-Stylesheet-Erklärungen (ohne! wichtig)
4. ! Wichtige Autoren-Stylesheets
5. ! wichtige User Style Sheets

Danach erfolgt die Spezifität für die Regeln, die noch einen Finger im Kuchen haben.

Verweise:

• http://www.w3.org/TR/CSS2/cascade.html#cascade
• https://russmaxdesign.github.io/maxdesign-slides/02-css/207-css-cascade.html

Es ändert die Regeln für die Überschreibungspriorität von CSS-Kaskaden. Siehe die CSS2-Spezifikation .