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

-4

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

它是后代选择器吗？所以它适用于class =“class1”的所有元素都在class =“class2”的元素内？还是它适用于class =“class1”的所有元素和class =“class2”的所有元素？在CSS中以下选择器的含义是什么？

来源

2014-10-31 nix86

这是适用于内CLASS2 CLASS1 – vaso123 2014-10-31 13:55:15

选择** **所有在.class2。class1，-1，因为你没有做任何研究，对于像这样的谷歌是非常容易的。 – Nick 2014-10-31 13:56:34

阅读一个基本的CSS教程。您可以从https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_started开始，然后选择“选择器”，它会将您带到https://developer.mozilla.org/en -US /文档/网络/指南/ CSS/Getting_Started /选择器。有一点在页面上，你会看到https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_Started/Selectors#Information.3A_Selectors_based_on_relationships部分。在那里你会看到“A E：任何E元素，它是A元素的后代（即：孩子，或者孩子的孩子等）”。您需要了解如何使用这些资源。 – 2014-10-31 13:59:38

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

WRONG

所有带有class = “1类” 能与类= “等级2”

GOOD

所有的元素中的元素class =“class2”的元素位于class =“class1”的元素内

CSS selectors总是从Up去Down对DOM

来源

2014-10-31 13:55:58 DaniP

.foo .bar {}

适用于具有类bar其是具有类foo的元件内的每个元件。

.foo, .bar {}

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

.foo.bar {}

注缺少的类名之间的空间。适用于均为类别foo和类别bar的每个元素。

.foo > .bar {}

适用于具有类bar其是具有类foo的元件的直接后代的每一个元素。所以它将适用于<p>，但不是<a>在：<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>

来源

2014-10-31 14:02:46 JakeParis

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

回答

相关问题