Question

是否可以在类名后添加HTML元素选择器？

所以而不是：

m2 %>%
    mutate(one = map(one, ~.x %>% 
                        group_by(a) %>%
                        nest(.key = two)))

反过来说：

a.class {color: pink;}

Answer 1

不，简单的选择器总是以类型选择器或通用选择器开始。换句话说，您不能使用类型选择器（例如a）跟随类选择器。

关于选择器语法的CSS selector specification（强调添加）：

4. Selector syntax

选择器是由sequences of simple selectors分隔的一个或多个combinators的链。一个pseudo-element可以附加到选择器中的最后一个简单选择器序列。

simple selectors的序列是一串简单的选择器，它们没有被combinator分隔。 始终以type selector或通用选择器开头。序列中不允许使用其他类型选择器或universal selector。

为了澄清最后一点，在.class等情况下隐含了通用选择器的存在（这意味着.class等同于*.class）。

6.2. Universal selector

如果由*表示的通用选择器（即没有名称空间前缀）不是sequence of simple selectors的唯一组件或紧跟伪元素，那么*可以省略，并且通用选择器的存在暗示。

Answer 2

不，该语法不存在。您想以什么目的使用它？

以下是CSS选择器选项的完整列表，通过CSS3：https://www.w3schools.com/cssref/css_selectors.asp

Answer 3

CSS语法规定首先是元素，然后是其他标识符（id，类，属性）但是，有一种方法可以用反向表示法编写它，但CSS会更长。

匹配选择器：
对于Firefox 4+ :-webkit-any()
对于Chrome 15 +，Safari 5 +，Opera 15 + :matches()
IE / Edge没有支持。
新规范将是：:not()，任何浏览器都不支持。

Selectors Level 4 specification
MDN docs

使用否定:not(div)：
有了这个，你可以选择忽略的元素
:not
要忽略多个元素，您需要多次使用:not(div):not(span)：
.one { background-color: green; } .two { background-color: blue; } /*The matching selector must be written separately for each vendor*/ /*If we use comma, the whole rule is ignored by the browser*/ .one:-moz-any(a) { background-color: red; color: white; } .one:-webkit-any(a) { background-color: red; color: white; } .two:not(div) { background-color: orange; color: green; }

查看此演示：

<div class="one">one</div>
<div class="two">two</div>
<a class="one">link</a><br>
<a class="two">link2</a><br>

$slice

在CSS中的类名后面指定类型选择器

3 个答案: