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

Question

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

我用它来知道.bar中的div类名是否以“foo - ”开头：

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

但是如何检查班级名称中是否至少有一个字母（字母或数字或特殊字符）？

Answer 1

您可以检查元素是否具有空的或缺少class属性，如下所示：

＆＃13;

＆＃13;

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 */

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;