heinetz: only-child

Hallo Forum,

lässt sich ein <a> als einziges Element in einem <p> mit CSS ansprechen?

<p><a href="#">Text</a></p>

Ich dachte :only-child würde gehen. Offenbar findet das aber auch:

<p>long <a href="#">Text</a></p>

gruss, heinetz

  1. Hallo heinetz,

    :only-child bezieht sich auf Kind-Elemente, nicht Kind-Nodes. Plain Text ist ein Node, das a Element ist ein Element (Subklasse eines Node).

    Ich glaube, das geht mit CSS nicht.

    Wenn es gehen würde, dann müsstest Du auch auf Whitespace aufpassen.

    <p>
    <a href="#">Go Somewhere</a>
    </p>
    <p><a href="#">Go Somewhere</a></p>
    
    

    Das erste p Element enthält 3 Childnodes und ein Childelement. Die beiden Nodes, die keine Elemente sind, enthalten den Zeilenumbruch.

    Das zweite p Element enthält nur einen Childnode.

    Rolf

    --
    sumpsi - posui - clusi