Zitat von
xkoy
Aber :last-child muss doch innerhalb eines Elements sein oder... Ich habe ja dann mehrer ce_hyperlink untereinander, die unabhängig von einander sind!
Verstehe ich nicht so ganz, was du da meinst. Mit Child kannst du da nicht arbeiten, weil du ja nicht weißt, welche CEs sonst noch da sind.
HTML-Code:
<div id="index" class="mod_article first last block">
<div class="ce_text first block">
<div class="ce_hyperlink block">
<div class="ce_hyperlink block">
<div class="ce_hyperlink block">
<h2 class="ce_headline last">
Eigentlich ist :last-of-type hier genau das richtige.
HTML-Code:
.ce_hyperlink:last-of-type {
background: red;
}
Wenn die Browser es implementiert hätten. Aber ich habe alle neuen Desktop-Browser (außer MAC) getestet und sie können es nicht. Sie können das Spiel nur mit einem Element-Selektor.
HTML-Code:
div:last-of-type {
background: red;
}
Was dir leider nichts nützt. Da haben sich die Browser-Entwickler wohl zu sehr an dem Wort "type" in der Beschreibung vom w3.org aufgehangen.
Zitat von
w3.org
...The :last-child pseudo-class represents an element that is the last child of some other element. ...
(Anm.: .mod_article div:last-child im obigen Beispiel matcht auf kein Element, weil das letzte div nicht gleichzeitig auch das letzte Child ist.)
...The :last-of-type pseudo-class represents an element that is the last sibling of its type in the list of children of its parent element. ...
Da musst du wohl doch dein Template ändern, oder mehrere ce_hyperlinks wrappen, oder schnell mit Javascript dem letzten ce_hyperlink ne Class verpassen.
Siehe auch http://stackoverflow.com/questions/1...s-not-elements
Fazit: Geht also doch nicht einfach nur mit CSS, sorry, hätte ich nicht gedacht.