Hallo Matthias, > > ~~~CSS > > .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`{: .bad}?? 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](https://wiki.selfhtml.org/wiki/CSS/Selektoren/Klassenselektor) wirst du fündig. Hm, ich sehe nicht wie das aussehen soll. ~~~CSS .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: ~~~HTML <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: ~~~CSS .wrapper > .c_btn:hover:before, .wrapper > .active::before {Anweisung} ~~~ Tut es ja schon. Danke schön. Gruß Jo

Hallo Matthias, > > ~~~CSS > > .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`{: .bad}?? 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](https://wiki.selfhtml.org/wiki/CSS/Selektoren/Klassenselektor) wirst du fündig. Hm, ich sehe nicht wie das aussehen soll. ~~~CSS .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: ~~~HTML <button class="c_btn"> ::before ::after </button> ~~~ Ah ok, hab grade meinen Denkfehler gefunden. Dachte ich muss `c_btn::before` über `active` aber ein simples: ~~~CSS .wrapper > .c_btn:hover:before, .wrapper > .active::before {Anweisung} ~~~ Tut es ja schon. Danke schön. Gruß Jo