Comment identifier les balises HTML qui n'ont pas de CLASS en CSS ?

Réponses rédigées par Antoine

Dernière mise à jour : 2021-08-22 12:54:04

Question

Bonjour, je cherche un moyen d'attribuer un style CSS particulier à toutes les balises <div> qui ne disposent pas de CLASS. Est-ce possible en CSS, et si oui comment ? merci.

Réponse

Vous pouvez utiliser la pseudo-classe CSS :not pour identifier et cibler toutes les balises HTML qui ne sont pas représentées par un argument.

Ainsi, voici comment identifier toutes les balises <div> qui ne contiennent pas de CLASS et, à titre d'exemple, changer la couleur de leur texte :

<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Comment identifier les balises HTML qui n'ont pas de CLASS en CSS ?</title>
<style>
div:not([class]) {
  color:green;
}
</style>
</head>
<body>
<div class="test-01">texte</div>
<div class="test-02">texte</div>
<div>texte</div>
</body>
</html>