CSS kombinator referens manual

CSS-kombinatorer

Kombinatorer är symboler som används för att förklara förhållandet mellan väljare.

Följande tabell visar olika kombinatorer i CSS:

Namn Symbol Exempel Exempelbeskrivning
Barnkombinatör > div > p Välj alla <p>-element som är direkta barn till <div>-elementet.
Avkompositionsoperator （en enda blanksteg） div p Välj alla <p>-element inom <div>-elementet.
Namnrymdsseparator | ns | h2 Välj alla <h2>-element i namnrymden ns.
Närliggande brorskombinatör + div + p Välj den första <p>-elementet som följer direkt efter <div>-elementet.
Väljlista , div, p Välj alla <div>-element och alla <p>-element.
Följande bror kombinator ~ p ~ ul Välj alla <ul>-element som har en <p>-element före dem.