specificity + important rule || CrossBrowser - Seite 2

ulle · #11 (**permalink**) 11.10.2005, 11:25

@Netspy

DANKE für diese Steilvorlage

Genau weil ich darauf nicht bauen wollte habe ich zu diesen Test hier Aufgerufen.

Leider kommt man bei großeren Projekten nicht immer umhin diese Technik anwenden zu müssen.

Swoop · #12 (**permalink**) 11.10.2005, 13:39

aber auch ein !important wird von einem inline style überschrieben..

netspy · #13 (**permalink**) 11.10.2005, 13:40

Zitat:

Zitat von Swoop

aber auch ein !important wird von einem inline style überschrieben..

Nein, wird es nicht.

Mario

Swoop · #14 (**permalink**) 11.10.2005, 13:44

du hast natürlich Recht ich hat in meinem Test eben das !important selbst vergessen

€dit: meines wissens wird das !important doch nicht direkt der spezifizität zugeordnet, sondern als erstes "beachtet" bevor irgendeine Spezifizität zum Tragen kommt?! Kann das wer bestätigen entkräften?

netspy · #15 (**permalink**) 11.10.2005, 13:53

http://www.w3.org/TR/2005/WD-CSS21-2...mportant-rules

Zitat:

However, for balance, an "!important" declaration ... takes precedence over a normal declaration.

Eine important-Regel überschreibt also grundsätzlich jede andere nicht-important Regel - egal welche Spezifität diese hat.

Mario

ulle · #16 (**permalink**) 11.10.2005, 14:27

... Wie konnte ich nur das Attribut "style" (= Inline-Style) in meiner Testreihe vergessen.

Hier der Nachtrag:

Code:

<body id="wichtig" class="test" style="background-color: #CCFF33;/*hellgrün*/">

bzw.

<body id="wichtig" class="test" style="background-color: #CCFF33 !important;/*hellgrün*/">

p.s.: Nur zur Vervollständigung, nicht das da deswegen Fragen aufkommen.

s0nic · #17 (**permalink**) 11.10.2005, 15:58

Der hier kanns auch:

Code:

Version	8.0 	
Build	7483 	
Plattform	Win32 	
Betriebssystem	Windows XP

Floele · #18 (**permalink**) 12.10.2005, 23:47

Zitat:

Zitat von netspy

Darauf würde ich aber nicht bauen. In den Specs finde ich nichts, was dieses Verhalten so vorschreibt. !important-Regeln sind ja eigentlich unabhängig von der Spezifität und ich hätte dann auch erwartet, dass die letzte Regel gewinnt. Keine Ahnung, wie sich das W3C das wirklich gedacht hat. Vielleicht wird es ja in CSS3 mal etwas präziser definiert.

Eine important-Regel überschreibt also grundsätzlich jede andere nicht-important Regel - egal welche Spezifität diese hat.

In 6.4.1. wird das doch beschrieben oder etwa nicht?

Zitat:

# Sort by importance (normal or important) and origin (author, user, or user agent). In ascending order:

1. user agent style sheets
2. user normal style sheets
3. author normal style sheets
4. author important style sheets
5. user important style sheets

# Sort by specificity of selector: more specific selectors will override more general ones. Pseudo-elements and pseudo-classes are counted as normal elements and classes, respectively.

Erst wird nach "Wichtigkeit" sortiert, anschließend nach Spezifität.
Es ist zwar ein bisschen spät für sowas, aber ich versuche es mal so zu erklären wie es meiner Meinung nach zu verstehen ist.

Code:

<a class="b">Link</a>

a {
color:red !important;
}

a.b {
color:blue;
}

Der Link ist rot. Warum? Es funktioniert so:
1. Zuerst werden die Eigenschaften für <a> ermittelt die in Frage kommen, das wären "color:blue" und "color:red !important".
2. Die zweite Regel ist wichtiger (erst wird nach Wichtigkeit sortiert) und dementsprechend fliegt "color:blue" raus.
3. Wenn jetzt noch nach Spezifität sortiert wird, bleibt nur noch "color:red !important" über, sodass es automatisch in Kraft tritt.

Zusätzliches Beispiel:

Code:

<a class="b">Link</a>

a {
color:red !important;
}

a.b {
color:blue !important;
}

Der Link ist blau (bzw. sollte es sein, habe nicht getestet).
1. "color:red !important" und "color:blue !important" kommen in Frage.
2. Beide Regeln sind gleichwichtig, es wird also erstmal keine rausgeschmissen.
3. "color:blue !important" hat eine höhere Spezifität, also fliegt "color:red !important" raus.

Also eigentlich alles ganz klar definiert

netspy · #19 (**permalink**) 13.10.2005, 11:00

Zitat:

Zitat von Floele

In 6.4.1. wird das doch beschrieben

Jetzt wo du es sagts und ich es noch mal lese ... ja.

Mario

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
rahmen um bilder- was mache ich falsch?	R0sa	CSS	3	19.11.2012 16:35
Myspace problem... Rechte Säule verschiebt sich im IE.	calledmarcel	CSS	1	27.02.2009 09:12
Float-Reihenfolge?	wolf1985	CSS	0	21.08.2008 01:35
Float - Probleme	wolf1985	CSS	5	19.08.2008 08:14
Footer left und right Probleme...	wolf1985	CSS	2	14.08.2008 13:04