Universele selector in CSS

De universele selector * maakt het mogelijk om alle elementen te selecteren.

Syntaxis

css* {
  
}

Voorbeeld

Laten we alle elementen selecteren en ze rood kleuren:

css* {
  color: red;
}

Voorbeeld

Laten we alle elementen selecteren die zich in de div-tag bevinden en ze rood kleuren:

cssdiv * {
  color: red;
}

Voorbeeld

Laten we alle elementen selecteren die zich direct in de div-tag bevinden en ze rood kleuren:

cssdiv > * {
  color: red;
}

Voorbeeld

Laten we alle elementen selecteren die zich in de span-tag bevinden, die zich op zijn beurt in een willekeurige tag bevindt, die zich op zijn beurt in de div-tag bevindt:

cssdiv * span {
  color: red;
}

Zie ook

  • de eigenschap border-width,
    die de dikte van de rand bepaalt
  • de eigenschap border-style,
    die het type rand bepaalt
  • de eigenschap border,
    die de shorthand-eigenschap is voor de rand