css - CSS伪选择器:after do other than set content?是什么意思

<分区>

谁能解释一下来自 Bootstrap 的这段代码在做什么？

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

我了解盒子尺寸部分。

我想我明白了 *:after.但是我熟悉这种用法:

*:after {
  content: 'hello world'
}

在没有内容属性的情况下，这是在做什么？它是在说“所有用 :after 插入的元素也应该有 box-sizing 'border-box'”——还是别的什么？

最佳答案

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

这部分描述了任何东西，我的意思是任何标签或类或 ID 具有 :before 或 :after 之后将具有 border box 的 box-sizing 属性。

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

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

关于css - CSS伪选择器:after do other than set content?是什么意思，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37351503/

相关文章：

html - 如何使输入字段完全适合 Bootstrap 表 <td>