Sélecteurs CSS: si le nom de classe de div contient AU MOINS un caractère

Question

Quel est le sélecteur CSS correct si je veux savoir s'il y a au moins un caractère dans le nom de classe d'un élément?

Je l'utiliser pour savoir si le nom de la classe div à l'intérieur .bar commence par « foo- »:

.bar div[class^="foo-"] {display: block;} 

Mais comment puis-je vérifier s'il y a juste au moins un char (lettre ou chiffre ou caractère spécial) dans le nom de la classe?

Answer 1

Vous pouvez vérifier si un élément a un vide ou manquant class attribut comme ceci:

div { color: red; } /* has a class attribute with at least one character */ 
 
div:not([class=""]) { color: blue; } /* has an empty class attribute */ 
 
div:not([class]) { color: green; } /* has no class attribute */

<div class="foo">foo</div> 
 
<div class="">bar</div> 
 
<div>baz</div>