[FRAGE] Warum muss !important verwendet werden?

[zirzofer]

mal ein ganz einfaches Beispiel:

<div id='div'>
	<a id='cancel'>Cancel</a>
	<a id='ok'>Ok</a>
</div>

<style>
#div a{
	background: red;
}
#cancel{
	background: yellow;
}
#ok{
	background: blue;
}
</style>

Wieso werden #cancel und #ok nur wie gewünscht angezeigt, wenn ich !important verwende? eigentlich ist der selektor #cancel doch spezifischer als #div a?!!
und wie vermeide ich da die erwenden von !important?

 

[kkapsner]

Dein #div a ist spezifischer als #cancel: eine ID-Angabe mit einer Tag-Angabe gegen nur eine ID-Angabe. Was spezifischer ist, wird nicht an der HTML-Struktur festgemacht, sondern nur daran, wie der CSS-Selektor aufgebaut ist. (https://www.w3.org/TR/REC-CSS2/cascade.html#specificity)

Du könntest

#div a{
	background: red;
}
a#cancel{
	background: yellow;
}
a#ok{
	background: blue;
}

verwenden (alle Angaben gleich spezifisch, aber die "wichtigeren" kommen später...)

 

[zirzofer]

Was spezifischer ist, wird nicht an der HTML-Struktur festgemacht, sondern nur daran, wie der CSS-Selektor aufgebaut ist. (https://www.w3.org/TR/REC-CSS2/cascade.html#specificity)

wusste ich auch noch nicht. perfekt, vielen dank!

 

[kkapsner]

vielen dank!

Bitte - gern geschehen.