CSS Selektor

[j4nk3y]

Hallo Matthias,

.wrapper > .btn{}
.wrapper > .btn:before{}
.wrapper > .btn:hover:before{}

before ist ein Pseudoelement - zwei Doppelpunkte.

Ok, aber macht das einen unterschied? Das Ergebnis ist ja das selbe.

Eine Klasse btn?? Es gibt doch button-Elemente.

Naja, die Klasse heißt c_btn.

class="btn active"

Aber wie ist die Anweisung dafür?

Ich denke, im Wiki wirst du fündig.

Hm, ich sehe nicht wie das aussehen soll.

.wrapper > .c_btn:hover:before,
.wrapper > .active [...] .c_btn::before
{Anweisung}

Wie sage ich dem Pseudoelement von .c_btn, dass diese Anweisung auch gelten soll wenn c_btn die Klasse active besitzt? Ist das Pseudoelement ein Kind von .c_btn? So sieht es jedenfalls in der Entwicklerumgebung von Chrome aus:

<button class="c_btn">
::before
::after
</button>

Ah ok, hab grade meinen Denkfehler gefunden. Dachte ich muss c_btn::before über active ansprechen aber ein simples:

.wrapper > .c_btn:hover:before,
.wrapper > .active::before
{Anweisung}

Tut es ja schon. Danke schön.

Gruß
Jo