有没有办法使用CSS属性选择器来选择类名？

有没有一种方法可以使用带有CSS属性选择器的类来获取元素

大概是这样的：

[class.=className]

您可以使用此选择器：

[class="className"], [class^="className "], [class$=" className"], [class*=" className "]

---

它有点长，因为我们需要检查它是否只是那个类，无论它是在<代码>类< /COD>属性、结束或中间的开头。

< P>可以使用这个选择器：

[class="className"], [class^="className "], [class$=" className"], [class*=" className "]

它有点长，因为我们需要检查它是否只是那个类，无论是在代码< >类< /COD>属性，结束，还是在中间。

< P>从：

表示属性名为attr的元素，其值为 以空格分隔的单词列表，其中一个单词正好是value

因此：

[class~=className]

针对所有具有类“className”的元素，无论其周围是否有其他类。

来自：

表示属性名为attr的元素，其值为 以空格分隔的单词列表，其中一个单词正好是value

因此：

[class~=className]

---

以所有具有类“className”的元素为目标，而不管它周围是否有其他类。

从哪里获得

=

？我在示例中使用了

=

，因为

与类选择器（

.className

）中使用的

匹配。从哪里获得

=

？在我的示例中，我使用了

=

，因为

与类选择器（

.className

）中使用的

匹配。或者你可以只使用

[class~=className]

。或者你可以只使用

[class~=className]

。但是它不会得到这个元素：

…

使用此选择器：

class~=text

，因为“text block”包含值“text”？或者，如果它本身在一个单词中，它只会选择

text

？不，这就是

[class*=text]

的工作方式，因为它只是检查属性值是否包含某些内容

[class~=text]

将“text”作为一个单词查找，并将属性值视为一个空格分隔的单词字符串。其中一个单词必须是完全匹配的。但它不会得到以下元素：

…

使用此选择器：

class~=text

，因为“text block”包含值“text”？或者，如果它本身在一个单词中，它只会选择

text

？不，这就是

[class*=text]

的工作方式，因为它只是检查属性值是否包含某些内容

[class~=text]

将“text”作为一个单词查找，并将属性值视为一个空格分隔的单词字符串。其中一个单词必须完全匹配。