我如何在material-ui中使用伪元素:: before，:: after

Question

在mui中，使用伪元素编写方法。我不知道如何使用文档，所以我提出了一个问题。

文档中提到的伪元素是：

  

box-sizing在元素上全局设置为border-box。声明每个元素（包括* :: before和* :: after）以继承此属性，从而确保不会由于填充或边框而超出元素的声明宽度。

这就是我不明白的全部。

我需要帮助。感谢您的阅读。

Answer 1

当我们定义div的宽度时，它既可以包含边框宽度，也可以不包含总宽度。

假设我们说-

  

div {宽度：10像素；边框：10px纯灰色；框大小：content-box}

in content-box as box-sizing, total width of div becomes 100 + 10 + 10.

  

div {宽度：10像素；边框：10px纯灰色；框大小：border-box}

in border-box as box-sizing, total width remains 100px;

每个元素的子元素或伪元素（如:: before，:: after）都继承相同的框大小值，即在父级中定义的值。