.哪一个是 h1 在查询选择器中使用的正确类名？ [关闭]答案

【问题标题】：.which one is the right class name for h1 to use in query selector? [closed].哪一个是 h1 在查询选择器中使用的正确类名？ [关闭]
【发布时间】：2020-01-01 05:50:10
【问题描述】：

这是我的 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');
}

【问题讨论】：

标签： html css css-selectors queryselector

【解决方案1】：

嘿@Alireza，所有方法都是正确的。最好的可能是唯一的或者指出唯一标签的父类。

这是产品标题。 product-title 类将使您可以轻松地将任何人指向该特定标签。因此，请使用可读且易于理解的类来制作选择器。

此外，如果您将 mb-0 作为选择器，那么它也会影响其他标签。

所以在我看来，最好的低于 1。 @Geetanjali 指出的任何方式，您都可以使用点 . 选择任何类

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

【讨论】：

【解决方案2】：

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

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');

【讨论】：