通配选择器(*)并不匹配所有元素
在 CSS 中,我们用星号(*)表示通配选择器,它可以匹配任意类型的元素,但是任意类型的元素并不等同于任意元素,如 ::before 以及 ::after 伪元素就不能被 * 匹配,而需要使用 *::before 以及 *::after。
注:伪元素 ::pseudo 也可以写成 :pseudo 的形式,见 伪元素 - CSS | MDN
如以下 Semantic UI reset.css 中的代码片段:
*,
*:before,
*:after {
box-sizing: inherit;
}