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

这是我的html，我不知道哪个类名是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');
}

---

如果要按多个类名进行选择，则需要放置一个点

下面这些都是真的

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

---

嘿@Alireza所有的方式都是真的。最好的可能是唯一的，也可能是指出唯一标记的父类

这里是产品名称，让我们说。产品标题类将使您能够轻松地向任何人指出该特定标签。因此，使用可读且易于理解的类来创建选择器

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

因此，根据我的说法，最好的是1以下。正如@Geetanjali所指出的任何方式，您可以使用dot

var a=document.queryselector（'h1.product title'）

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