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>