给出一个快速简单的答案：

Question

我目前正在写一个小型网站，以娱乐和现在我需要设计它，而我对CSS没有真正的经验。我不想在HTML文件中声明大量的类或ID，所以我的问题是，是否有办法在CSS代码中避免这些类或ID。

没有一种方法只能将CSS声明应用于子级，所以我可以通过其结构设计网站。

我已经尝试过

header article {
  css-declaration;
}

和

header.article {
  css-declaration;
}

但是这些没有用。我也做了一些研究，但没有发现任何东西。

示例代码：

<body>
  <header>
    <h>Title</h>
  </header>

  <article>
    <header>
      <h>Article Title</h>
    </header>

    <section>
      <h>Section Title</h>
    </section>
  </article>
</body>

article header h {
  css-declaration;
}

您可能会想像，我只想影响<h>内<header>中的<article>元素（文章标题），但我不想影响<h>元素中<header>元素中的<body>元素（标题）以及<h>元素中的<section>元素（部分标题）

Answer 1

解决方案已经在您的问题中

article header h {
  css-declaration;
}

这只会影响内部的标签，而不会影响其他标签

Answer 2

给出一个快速简单的答案：

使用article > header> h { css-declaration; }。这样只会选择所有<h>个元素，这些元素以<header>作为父元素，并且以<article>作为父元素。

如果您进一步感兴趣

正如某些人已经评论过的那样，我的问题的答案是选择器。

对于所有可能也会遇到相同问题的人们，我将链接一些选择器的文档。您可以使用这些东西制作一些疯狂的东西，而无需使用太多的类和id。我想说，这是一个点击值（如果您不太熟悉CSS的话）。

CSS-通过网站的结构而不是大量的类来为网站设置样式

2 个答案:

给出一个快速简单的答案：

如果您进一步感兴趣