html - CSS - 使用特定类更改父项的一个间接子项

Question

我正在尝试使用 .category-member 类访问所有 article 标签的 h1 子级，而不影响任何其他标签 children 。到目前为止，我只成功地影响了 .blog-content 而没有成功使用 h1。此外，这正在 WordPress 中使用，所以我希望在不向 h1 添加类的情况下执行此操作，以便任何添加的博客帖子都将根据其父类别类进行着色。

提前致谢!

<article id="post-3107" class="post-3107 post type-post status-publish format-standard has-post-thumbnail hentry category-member span6 blog-article grid normal">                    
  <div class="row-fluid">
  <div class="row-fluid">
    <div class="span12">
      <div class="content post_format_standart">
        <div class="top_c ">
          <h1><a href="http://wholeworldwater.dev:8080/another-test-post/">ANOTHER TEST POST</a></h1>
        </div>
        <div class="blog-content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam venenatis dolor eget est imperdiet efficitur. Donec et mollis sapien. Nam rhoncus urna dolo
        </div>
      </div>
    </div>
  </div>
</article>

Answer 1

使用像 .category-member h1 { ... ... } 这样的选择器。这将选择所有 h1 的所有内容，其父级具有 category-member 类。