CSS Referenz !important

0 | 4 Kommentare | 1558 Aufrufe
Sie können diese Wikiseite nach der Anmeldung auf Webmasterpro bearbeiten. Helfen Sie mit und verbessern Sie "CSS Referenz !important" mit Ihrem Wissen!

Anzeige Hier werben

!important

Werte: -
Standardwert: -
Vererbung: -
Kurzschreibweise: keine
Anwendbar auf: alle
CSS-Level: CSS1, CSS2.1, CSS3

Das Schlüsselwort !important verändert die Wertigkeit einer Style-Angabe.

Normalerweise wendet ein Browser die CSS Eingenschaft mit der höchsten Wertigkeit an.

Findet ein Browser in einem Stylesheet abweichende CSS Angaben zu einer Eigenschaft, wird eben diejenige angewandt, die im Stylesheet mit der höchsten Wichtigkeit definiert wurde.

Firefox2Unterstützt3Unterstützt3.5Unterstützt
IE6Nein7Unterstützt8Unterstützt
Opera9.5Unterstützt10Unterstützt
Safari3Unterstützt4Unterstützt
33%
!important

Mit !important ausgezeichnete Eigenschaften überschreiben gleichlautende Eigenschaften ohne diese Kennzeichnung.

Beispiel

normalerweise wird in folgendem Beispiel die 2. Definition verwendet und die Farbe Rot verwendet.

 
css
1
2
3
4
5
6
#content p {
    color: #00F;
}
#content p {
    color: #F00;
}

Durch das Schlüsselwort !important wird hier die Wichtigkeit von color: #00F; höher gesetzt als die darunter definierte:

 
css
1
2
3
4
5
6
#content p {
    color: #00F !important;
}
#content p {
    color: #F00;
}

Durch !important werden nicht nur im CSS angegebene Eigenschaften überschrieben, sondern auch alle in HTML angegebenen inline Styles.

Wikiseite bearbeiten

Diese Seite kann von jedem registrierten Benutzer bearbeitet werden. Bisher haben 3 Personen an der Seite "CSS Referenz !important" mitgewirkt.

Sie haben einen Fehler entdeckt oder möchten etwas ergänzen? Dann können Sie nach der Anmeldung "CSS Referenz !important" hier bearbeiten.

Mitarbeiter

Kommentare: CSS Referenz !important

Neuen Kommentar schreiben
Frage zu Beispiel
Beantworten

Ich habe da eine Frage zum Beispiel und zum Verständnis ;)

Damit color:#00F greift und nicht vom nachfolgendem color:#F00 überschrieben wird, setzt man bei ersterem das !important. Soweit verstanden. Jetzt könnte man aber doch das zweite #content p mit color:#F00 einfach weglassen, oder? Somit würde man sich das !important und das zweite #content p sparen.

Vielleicht könnte jemand noch ein Beispiel zum Artikel hinzufügen? Weil so habe ich den Sinn noch nicht ganz verstanden. Danke :)

Sebastian ! am 20.01.2010 um 10:04
Re: Frage zu Beispiel
Beantworten

Hi Sebastian,

Du musst bedenken, dass es sich hier ja nur um ein Beispiel handelt. Klar in dem Beispiel wäre es so natürlich einfacher. Stell Dir aber mal folgende Situation vor: Du entwickelst ein Design, bei dem bestimmte Eigenschaften so gesetzt werden müssen, wie Du sie vorgibst, möchtest aber gleichzeitig die Möglichkeit bieten, dass andere dieses Design anpassen können. So kannst Du durch den Schlüssel !important diese Vorgabe erzwingen. War das verständlich?`:)

tohms am 06.02.2010 um 09:32
Internet Explorer 7
Beantworten

Wie äußert sich das "fast", was für den IE 7 angegeben ist?

Holger V am 19.01.2010 um 15:35
Re: Internet Explorer 7
Beantworten

hab ausversehen nur einmal zu viel geklickt - habs ausgebessert - danke

Moritz Kern am 19.01.2010 um 20:37