Css Anweisung zusammenfassen

[Superior8881]

Moin,

gibt es eine Möglichkeit den genannten Code zu fereinfachen?

div.start input:hover,
div.rank input:hover,
main input:hover { text-decoration: underline }

Irgendwie so:

div.start + div.rank  + main -> input:hover { text-decoration: underline }

Ist natürlich ein blödes Beispiel, aber Ihr wisst bestimmt was ich meine!

Gruß und Danke für Eure Antworten

Markus

 

[basti1012]

Dazu muss man das HTML sehen, ob das so geht , oder auch anders

 

[Superior8881]

Hallo und Danke für die Antwort!

Es geht mir ja nicht darum, ob es im HTML Teil besser zugewiesen werden kann, sondern um die Deklaration in CSS.
Alle drei Parameter beziehen sich ja teilweise auf input:hover

Gruß Markus

 

[basti1012]

Dann bin ich hier raus. Ohne HTML dazu wird dir wohl kaum einer eine Antwort geben können , sonst hättest du schon eine bekommen.
Ich weiß nicht, wie dein HTML aussieht. Ist es verschachtelt, sind es alles Nachbar oder nachfahren oder Children Elemente? Das kann ich bei deiner CSS nur Raten und das mache ich so nicht .

 

[Jan-Frederik Stieler]

Hi,
ohne HTML wird das wirklich nichts.
Das einzige was mir jetzt so einfällt wäre dem input eine Klasse zuzuweisen über die Du alle inputs ansprichst, sofern das mehrere sind.

Aber bitte lies Dir mal diese beiden Artikel durch:
https://www.mediaevent.de/css/inheritance.html
https://www.mediaevent.de/css/css-selektor-kontextselektor.html

Viele Grüße