Tutorial HTML, CSS u. PHP - Forum

[neuling11]

Hallo,

ich weiß, dass man irgendwie eine ID, Klasse oder sonstwas ausklammern kann.
Also etwa
<li> Lalalalal</li>
<li>tatatat</li>
<li class="abc">solala</li>

Wenn ich jetzt möchte, dass beim Hovern der HIntergrund blau wird,
aber nicht der von li.abc, wie mache ich das dann?

[Sören]

Dafür gibt es die CSS-Pseudoklasse :not().
Ind deinem Beispiel müsste das dann ungefähr so aussehen:

Code: Alles auswählen

li:not(.abc):hover {
    background-color: blue;
}

Das funktioniert in allen modernen Browsern, wie die IE-Unterstützung aussieht, kann ich dir nicht sagen. Auf jeden Fall funktioniert :not nicht in IE <= 7.

[Sarkkan]

Ich rate dir von :not() ab, da er erst ab IE 9 unterstütz wird und wenigstens auf 8 muss einfach Rücksicht genommen werden (7 theoretisch auch noch, den 6er kann man in die Ecke werfen^^)

Ich emfpehle eher sowas (stark vereinfacht):

Code: Alles auswählen

li {
    background: red;
}
li:hover {
    background: blue;
}

li.abc:hover {
    background: red;
}

Ist zwar etwas umständlicher, aber wie ich finde übersichtlicher und auf jedenfall mit mehr Browsern kompatibel^^

[Sören]

Gut, wenns in IE8 nicht geht, ist das natürlich schlecht.

Kann man aber für Sachen benutzen, die nicht unbedingt nötig sind, wo man also auf vollständige Browserunterstützung verzichten kann, da :not() einem viel Schreibarbeit ersparen kann.

[Sarkkan]

Und wo kannst du da z.B. in der Praxis drauf verzichten, wenn du nicht gerade HTML5-Spielereien für einen Browser schreibst?

[lauras]

Spontan würde mir genau sowas einfallen was da steht - ein Menü, was sich vielleicht nich unbedingt verfärben muss oder so

[Sören]

z.B. wie Lauras gesagt hat.

[Sarkkan]

Aber das is doch eine Grundlage.. :/
Warum sollte sowas simples nicht in fast jedem scheiß browser klappen?

[Sören]

Funktioniert doch in fast jedem Browser

[Sarkkan]

Genau
Der IE8 hat ja derzeit nur ~10-15% Anteil in Deutschland^^

[Sören]

Die 10% kann man getrost ignorieren

Um jetzt mal wieder ernst zu werden:
Muss man sich halt vorher überlegen, ob es Sachen sind, auf die auch verzichtet werden kann, oder ob ohne die das komplette Design nicht mehr hinhaut.
Es werden ja schließlich auch schon viele runde Ecken mit CSS gemacht, obwohl die der IE8 auch nicht kennt.

[Sarkkan]

Die Hintergrundfarbe beim hovern zu wechseln kann/hat aber vllt auch den Grund, die Lesbarkeit zu gewährleisten?
Runde Ecken sind ein Witz und haben kaum einen tieferen Sinn.