CSS2 - :only-child

:only-child

Supported Firefox, Opera, and Konqueror. The first two don't dynamically change styles.

Selects an element that is the only child of its parent. Text nodes don't count; the parent element is allowed to have text node children.

Testsheet:

li:only-child {font-style: italic}

This <ul> has two child <li>s.
Neither should be italic, since neither is an only child.

This <ul> has one child <li> that should be italic.

Dynamic

What happens when we add an element to the last <ul>? The italics should be removed, since the <li> is not the only child of its parent any more. Firefox and Safari don't do so.

Add an extra <li> to the last paragraph.