html - .哪一个是 h1 在查询选择器中使用的正确类名？

Question

这是我的 html，我不知道哪个 className 是使用查询选择器选择 h1 的正确类名：

<div class="d-flex align-items-center flex-column flex-sm-row justify-content-between w-100 pt-10 pb-15">
  <h1 class="product-title mb-0 pl-10 order-2 order-sm-1 ml-auto ml-sm-0" itemprop="name">
   Samsung Galexy A70
  </h1>

</div>

这是真的？

var a =document.queryselector( 'h1.product-title mb-0 pl-10 order-2 order-sm-1 ml-auto ml-sm-0');

还是这个是真的？

var a =document.queryselector( 'h1.product-title');
}

标签： htmlcsscss-selectorsqueryselector

Answer 1

如果你想通过多个类名选择，那么你需要放一个点. 以下都是真的

var a =document.queryselector( 'h1.product-title');

var a =document.queryselector( 'h1.product-title.mb-0');

var a =document.queryselector( 'h1.product-title.mb-0.pl-10');

var a =document.queryselector( 'h1.product-title.mb-0.pl-10.order-2');