相关疑难解决方法(0)

我正在看Twitter的bootstrap框架,我确实有一个非常小的问题.

我将看到以下部分,以便将盒子模型设置为border-box.

*, *::after, *::before { box-sizing: border-box; }

但是如果你看一下CSS规范的*目标是所有元素,那么为什么选择使用*::after和*::before选择器呢？

对我来说,这似乎已经过时了,因为*选择器已经标记了所有元素.

我研究了关于*(Asterisk)的 SO ,我发现它选择所有元素并将样式应用于它们.

我按照这个链接,使用Asterisk,我注意到这段代码将适用border于所有元素.

* {
 border: 1px solid red;
}

现在,我担心的是CSS中的功能*:before和*:after做法是什么？

*:before,
*:after {
          box-sizing: border-box;
}