在没有 class 的情况下编辑 CSS

Question

我有一个 Wordpress-Website 并且想要编辑特定站点（从插件生成）的 css。问题是，我想删除 (display: none) a header (h2)。但是 h2 没有 class（因为它不是唯一的 h2，所以我不能 display: none 所有的 h2），所以我不能 select 它与 CSS. 有没有办法 select 没有 class 的东西？

Answer 1

确实有！在 DOM 中找到它上面的一个元素，你可以 select，就像一个带有 class 名称的容器，然后使用 selector。例如，如果您有：

<div className="section12">
<h2>Stuff</h2>
</div>

然后使用类似的东西：

.section12 h2 { display: block; }

但是，如果您在网站上使用 Elementor 之类的东西，则可以通过其他方式删除 H2，甚至可以为其添加 class 名称。

Answer 2

是的，您可以使用像 nth-child() 这样的选择器...

例如，假设您要将第二个 h2 标签设为红色。当没有 class 名称时，此解决方案将很有用。

h2:nth-child(2) {
  color: red;
}

<h2>hello</h2>
<h2>hello</h2>
<h2>hello</h2>
<h2>hello</h2>
<h2>hello</h2>

在没有 class 的情况下编辑 CSS

Edit CSS without class

html

css

wordpress

select

selector