CSS选择器：如果div的类名包含AT至少一个字符

Question

如果我想知道元素的类名中是否至少有一个字符，那么正确的CSS选择器是什么？

我用它来知道里面.bar股利类名称以“foo-”：

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

但是我怎么检查是否有只是至少一个字符（字母或数字或特殊字符）在班级名称？

Answer 1

您可以检查元素是否有一个空或丢失class属性是这样的：

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>