Vanilla JavaScript解决方案：-

document.querySelectorAll（'.a.b'）

$（'.a.b，.a.c'）.css（'订单'，'2px实心黄色'）；//选择b和c<script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js“></script><div class=“a”>a<div class=“b”>b</div><div class=“c”>c</div><div class=“d”>d</div></div>

为了获得更好的性能，您可以使用

$('div.a.b')

这将只查看div元素，而不是单步查看页面上的所有html元素。

组选择器

body {font-size: 12px; }
body {font-family: arial, helvetica, sans-serif;}
th {font-size: 12px; font-family: arial, helvetica, sans-serif;}
td {font-size: 12px; font-family: arial, helvetica, sans-serif;}

变成这样：

body, th, td {font-size: 12px; font-family: arial, helvetica, sans-serif;}

因此，在您的案例中，您尝试了组选择器，而它是一个交叉点

$(".a, .b") 

而是使用这个

$(".a.b") 

您可以根据需要使用getElementsByClassName（）方法。

var elems=document.getElementsByClassName（“a b c”）；elems[0].style.color=“绿色”；console.log（elems[0]）；＜ul＞<li class=“a”>a</li><li class=“a b”>a，b</li><li class=“a b c”>a、b、c</li></ul>

这也是最快的解决方案。你可以在这里看到一个基准。

对于本案

<element class="a">
  <element class="b c">
  </element>
</element>

你需要在.a和.b.c之间加一个空格

$('.a .b.c')