Asterisk并没有选择所有内容，至少没有＆＃39; moz-focus-inner＆＃39;

Question

这是我的CSS：

* {
    border: none;
}

现在，我认为星号意味着一切，显然它没有::-moz-focus-inner，这意味着我必须这样做：

* {
    border: none;
}

*::-moz-focus-inner {
    border: none;
}

为什么会这样？

Answer 1

正如@Andrew Li评论的那样，通用*选择器仅选择元素。它是一个简单的元素选择器，仅针对页面上的实际元素。这是一个related question，在答案和评论中提供了很多信息。

一个答案指向通用选择器specification（强调我的）：

  

通用选择器，写为“*”，匹配任何元素类型的名称。它匹配文档树中的任何单个元素 。

最后一位排除了不在文档树中的::-moz-focus-inner，:before和:after等伪元素。

如果您想优化代码一点，您可以采取以下措施：

*,
*::-moz-focus-inner {
    border: none;
}