文章/答案/技术大牛

发布

社区首页 >问答首页 >.which one是h1在查询选择器中使用的正确类名吗？

问.which one是h1在查询选择器中使用的正确类名吗？
EN

Stack Overflow用户

提问于 2020-01-01 05:50:10

回答 2查看 130关注 0票数 1

这是我的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

回答 2

Stack Overflow用户

回答已采纳

发布于 2020-01-01 06:18:39

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

这是产品的标题，让我们说。产品标题类将使您很容易指出任何特定的标签。因此，使用那些可读性和易于理解的类来制作选择器。

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

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

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

票数 1

Stack Overflow用户

发布于 2020-01-01 05:52:43

如果要按多个类名进行选择，则需要在以下所有为真的地方添加一个点.

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

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/59550245

复制

相似问题

问.which one是h1在查询选择器中使用的正确类名吗？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问.which one是h1在查询选择器中使用的正确类名吗？EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问.which one是h1在查询选择器中使用的正确类名吗？
EN