css的选择器，可以讲一下啥意思嘛？

大佬可以讲讲这个选择器是啥意思嘛？俺看不懂
*,
::before,::after{
margin: 0;
padding: 0;
box-sizing: border-box;
}

选择全部
::before 在某元素前面加一个html结构原来没有的元素
::after 在某元素后面加一个html结构原来没有的元素
, 逗号表示同时给三种选择器进行设置属性
:: 双冒号 ,一般默认能够添加元素的伪类用双冒号，只处理样式的用单冒号，比如 :hover 等

*{ : ;}是选择所有元素
::before{ : ;}是在元素的内容前面插入新的内容
::after{ : ;}是在元素的内容后面插入新的内容
双冒号是伪元素

用于创建伪元素，搭配content使用，在选中元素内创建一个内联元素

/* 字面意思，before在前面创建，after在后面创建 */
div::before {
  content: "你好"; /* 在div内前面会拼上该内容 */
}