CSS combinator reference manual

CSS Kombinatorer

Combinator er et symbol, der bruges til at forklare relationen mellem selektorer.

Følgende tabel viser de forskellige kombinatorer i CSS:

Navn Symbol Eksempel Eksempelbeskrivelse
Child combinator > div > p Vælg alle <p>-elementer, der er direkte børn af <div>-elementet.
Descendant combinator （en enkelt mellemrum） div p Vælg alle <p>-elementer inde i <div>-elementet.
Namespace separator | ns | h2 Vælg alle <h2>-elementer i namespace ns.
Adjacent sibling combinator + div + p Vælg den første <p>-element, der følger efter <div>-elementet.
Vælg listen over selektorer , div, p Vælg alle <div>-elementer og alle <p>-elementer.
Følgende bror kombinator ~ p ~ ul Vælg alle <ul>-elementer, der har en <p>-element som forudgående element.