Diskussion

D41d8cd98f00b204e9800998ecf8427e?s=64&d=http%3a%2f%2fwww #1
Anonymous vor 613 Tagenam 02.06.2010 00:02:35
Hmmm, irgendwie versteh ich den Unterschied zwischen Pseudoelementen und Pseudoklassen immernoch nicht. Da seh ich nämlich keine Gemeinsamkeiten zwischen :hover und :first-child bzw. ::selection, ::first-letter, ::before und ::after. :/
E19de76f6db4fa69cc798ac7f3a03581?s=64&d=http%3a%2f%2fwww #2
Robert Gerlach vor 612 Tagenam 02.06.2010 16:43:16
Der Unterschied ist eigentlich auch irrelevant, solange man weiß, was die Selektoren auswählen.

Aber du kannst es dir so besser veranschaulichen: Alles, was man auch mit normalen Klassen machen könnte, ist eine Pseudoklasse:

<ul>
    <li class="first-child">
        <span lang="de" class="lang_de">bla</span>
    </li>
    <li>
        <a class="visited" href="#">bleh</a>
    </li>
</ul>

Vorrausgesetzt, die Klassen können sich dynamisch verändern, wenn man z.B. mit der Maus drüberhovert oder einen Link anklickt. Da hinkt der Vergleich dann etwas.

Pseudoelemente hingegen könnte man nur mit extra HTML simulieren, extra Klassen allein reichen nicht aus. ::first-letter z.B. mit

<p><span class="first-letter">B</span>la</p>

oder ::after mit

<p>Bla laber schwafel sülz
    <div class="after"> alles was danach kommt..... </div>
</p>

Eine ::selection wäre dann der (dynamisch generierte) Teil eines Elements, der gerade markiert wurde:

<span>I am <span class="selection">the goddamn</span> Batman!</span>

So könnte man das halbwegs genau erklären. Aber wie gesagt, ist eigentlich auch Wurst, solange man weiß, welcher Selektor was macht.
D41d8cd98f00b204e9800998ecf8427e?s=64&d=http%3a%2f%2fwww #3
Anonymous vor 611 Tagenam 03.06.2010 18:57:56
Dankeschön!
Das macht für mich jetzt Sinn! :D
optional
optional
Wird nicht veröffentlicht, brauchst du aber für dein Gravatar-Bildchen
optional