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

Question

这是我的 html，我不知道哪个类名是 h1 到 select 的正确类名，查询 select 或：

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

Answer 1

如果你想 select 多个 class 名字那么你需要放一个点 . 以下都是正确的

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

Answer 2

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

这里是 product-title 让我们说。 product-title class 将使您轻松地向任何人指出该特定标签。因此，使 selector 与那些可读且易于理解的 class 一起使用。

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

所以在我看来，最好的是低于一个。按照@Geetanjali 指出的任何方式，您可以使用点 .

select 和任何 class

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

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

.which one is the right class name for h1 to use in query selector?

html

css

css-selectors

queryselector