css - Asterisk 不会选择所有内容，至少不会选择 'moz-focus-inner'

Question

这是我的 CSS:

* {
    border: none;
}

现在，我认为星号意味着一切，显然它不适用于 ::-moz-focus-inner，这意味着我必须这样做:

* {
    border: none;
}

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

这是为什么？

Answer 1

正如@Andrew Li 所说，通用的 * 选择器只选择元素。这是一个简单的元素选择器，仅针对页面上的实际元素。这是一个 related question在答案和评论中包含大量信息。

一个答案指向通用选择器 specification (强调我的):

The universal selector, written "*", matches the name of any element type. It matches any single element in the document tree.

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

---

如果你想优化你的代码一点，你可以朝着这样的方向前进:

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