Question

我不熟悉CSS，我只需要定位文章元素中的标题元素。我知道有些人有#，.或,。

article header
article, header
article.header
article#header

我认为其他人也是。

有人可以帮助我吗？

Answer 1

好的，你要求4个选择器，让我们走吧。

文章标题

Space是子选择器，它表示header中的article元素，如

<article>
    <header></header>
</article>

不在Header中的

article元素将不会被设置样式。

文章，标题

它设置用逗号分隔的两个（所有）元素的样式，它是一个元素列表。如果他们是父母和孩子，兄弟姐妹，或者什么也没有。无关紧要。

<header>...</header>
<article>...</article>
<header><article></article></header>

article.header 点是class，现在您正在寻找article
的class="header"

<article class="header">...</article>

元素可以有更多的类，而不仅仅是这个类。

<article class="header second">...</article>

文章＃header

与上述相同，只是ID而不是类。

<article id="header">...</article>

由于id是唯一标识符，并且您的网站不能是另一个具有相同ID的网址，因此您可以稍后将其写为

#header

#header和article#header之间的区别在于，#header为具有此ID的所有元素设置样式，而不仅仅是article s。例如。 <div id="header">也将被设计。

Answer 2

article header表示header个元素中的article个元素。这就是你想要的。

article, header表示所有article元素和所有header元素。

article.header表示article类header元素。

article#header表示标识为article的{{1}}元素。