html - 另一个类中类前缀的选择器

我想知道下面示例的正确选择器是什么

<span class="A">
   <span class="B_C"></span>
   <span class="B_D"></span>
<span>

我想选择嵌套在 A 内以 B_ 开头的所有类。我已经尝试了其中的每一个，但没有一个起作用:

.A + [class^="B_"], .A + [class*=" B_"]
.A > [class^="B_"], .A > [class*=" B_"]
.A [class^="B_"], .A [class*=" B_"]

最佳答案

一个元素可以有多个类，因此如果您只按类选择，则可以更容易:

<span class="A">
   <span class="class_b class_c"></span>
   <span class="class_b class_d"></span>
<span>

您可以选择所有具有b的类:

.A .class_b

关于html - 另一个类中类前缀的选择器，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15078853/