Gunnar Bittersmann: tr:hover nicht für alle Zellen

Beitrag lesen

@@Matze Hoppe:

nuqneH

Nun möchte ich aber, dass die Zellen der Klasse eventDay immer grau bleiben!

Jemand eine Idee?

Mehrere:

(1) Du gibst an, dass nur Zellen, die die nicht der Klasse eventDay angehören, beim Hovern der Zeile die Farbe wechseln:

tbody.sk tr:hover td:not(.eventDay) {background:#fff8f8}

Funktioniert aber nicht in älteren Browsern, die die Pseudoklasse :not() noch nicht kennen. [CSS3-SELCTORS §6.6.7]

(2) Du gibst für die Zellen der Klasse eventDay in gehoverten Zeilen die Farbe nochmals an – mit einem Selektor höherer Spezifität [CSS21 §6.4.3, http://de.selfhtml.org/css/formate/kaskade.htm#spezifitaet@title=SELFHTML]:

td.eventDay, tbody.sk tr:hover td.eventDay {background:#e7eaec}

(3) Du könntest auch die Deklaration !important machen. [CSS21 §6.4.1 f., http://de.selfhtml.org/css/formate/kaskade.htm#ursprung@title=SELFHTML]:

td.eventDay {background:#e7eaec !important}

Qapla'

--
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
(Mark Twain)