如何调用此选择器?

时间:2016-10-14 18:58:04

标签: css css-selectors

我刚刚发现了这种选择器。我觉得这是巫术!

你把两个简单的选择器放在css中组合起来。



.One {color: red;}
.Two {color: blue}
.One.Two {color: orange;}

<h2 class="One">One</h2>
<h2 class="Two">Two</h2>
<h2 class="One Two">One Two</h2>
&#13;
&#13;
&#13;

合并选择器?组合选择器?摇动,不要搅动?

我希望看到不同浏览器的支持。

我正在为那个不喜欢我原来问题的人编辑。

此选择器在CSS 3规范的示例中出现:https://www.w3.org/TR/css3-selectors/#class-html但它没有名称。它不在一般表格上:https://www.w3.org/TR/css3-selectors/#selectors

我在想它是否有一些名字,比如&#34;和&#34;选择器,&#34;相邻&#34;选择器什么的。在寻找http://caniuse.com/中的兼容性时,需要更加具体。

我正在做的例如测试更改顺序,.Two.One vs .One.Two通过反复试验。一个特定的文件将是手工。

2 个答案:

答案 0 :(得分:1)

TextChanged

这意味着将同时拥有第一类和第二类的类。

这是选择器的组合

这里的重点是,你可以通过将这些选择器串在一起而不用空格来定位具有类和ID组合的元素。

答案 1 :(得分:1)

第3级选择器将其称为sequence of simple selectors

  

简单选择器序列simple selectors的链,未被combinator分隔。

在这种情况下,简单的选择器是class selectors .One.Two

.One.Two也是selector仅由简单选择器序列组成。

  

选择器是由sequences of simple selectors分隔的一个或多个combinators的链。

.One.Two也是仅由该选择器构成的group of selectors

  

以逗号分隔的选择器列表表示列表中每个选择器选择的所有元素的并集。

在一系列简单选择器中,顺序无关紧要:

  

由单个简单选择器序列组成的选择器表示满足其要求的任何元素。

所以.Two.One.One.Two是等效的。