在 CSS 中，以下选择器的含义是什么？答案

【问题标题】：In CSS what is the meaning of the following selector?在 CSS 中，以下选择器的含义是什么？
【发布时间】：2014-10-31 13:53:50
【问题描述】：

.class1 .class2
{
    margin: 3px;
    text-align: justify;
}

它是后代选择器吗？所以它适用于 class="class1" 的所有元素在 class="class2" 的元素内吗？或者它适用于所有具有 class="class1" 的元素和所有具有 class="class2" 的元素？

【问题讨论】：

适用于class1里面的class2
选择 all .class2 in .class1, -1 因为你没有做任何研究，用谷歌搜索这样的东西非常容易。
阅读基本的 CSS 教程。您可以从developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_started 开始，然后选择“选择器”，这将带您到developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_Started/…。在页面下方，您会看到developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_Started/… 部分。在那里您将看到“A E：作为 A 元素的后代的任何 E 元素（即：子元素，或子元素的子元素等）”。您需要学习如何使用这些资源。

标签： css selector

【解决方案1】：

IT 的后代，但你采取了错误的方式。

错误

class="class1" 的所有元素都在 class="class2" 的元素内

好

在 class="class1" 的元素内的所有 class="class2" 的元素

CSS selectors 在 DOM 上总是从 Up 到 Down

【讨论】：

【解决方案2】：

.foo .bar {}

适用于具有bar 类的每个元素，该元素位于具有foo 类的元素内。

.foo, .bar {}

适用于具有foo 类或bar 类的每个元素。

.foo.bar {}

注意类名之间没有空格。适用于具有 both 类 foo 和类 bar 的每个元素。

.foo > .bar {}

适用于具有类bar 的每个元素，它是具有类foo 的元素的直接后代。所以它将适用于<p>，但不适用于<a> in：<div class="foo"><p class="bar"><a class="bar"></a></p></div>。

.foo + .bar {}

适用于每个具有 bar 类的元素，该元素紧跟在具有 foo 类的元素之后。例如<p>，而不是<aside> 中的<div class="foo"></div><p class="bar"></p><aside class="bar"></aside>

.foo ~ .bar {}

适用于具有类bar 的每个元素，它是具有类foo 的元素的以下兄弟。例如<p> 和 <aside> 在：<div class="foo"></div><div class="somethingelse"></div><p class="bar"></p><aside class="bar"></aside>

【讨论】：