CSS伪选择器是什么：在设置内容之后做了什么？

Question

有人可以解释一下Bootstrap的代码是做什么的吗？

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

我理解盒子尺寸部分。

我想我明白了*：之后。但是我熟悉这种用法：

*:after {
  content: 'hello world'
}

在没有内容属性的情况下，这是做什么的？它是说＆＃34;插入的所有元素：之后还应该有盒子大小＆＃39; border-box＆＃39;＆＃34; - 或其他什么？

Answer 1

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

这一部分描述了我所说的任何标签或类或ID具有的任何内容：之前或之后将具有边框的box-sizing属性。

就像，如果任何div有一个伪元素并且它有一个border属性，那么它的box-sizing属性将自动成为border-box，除非你覆盖这样的属性：

div:before{
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box; 
}