CSS疑似セレクタとは何ですか？

Question

誰かがBootstrapのこのコードが何をしているのか説明できますか？

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

箱サイズの部分がわかります。

※後ほど分かりますか？しかし、私はこの使用法に慣れています：

*:after { 
    content: 'hello world' 
} 

コンテンツプロパティがない場合、これは何ですか？それは、「すべての要素が挿入された後：ボックスサイズの枠線を持つ必要があります」ということですか？

Answer 1

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

この部分は任意のタグやクラスやIDを持っている私が意味するものを説明します。その後の後に境界ボックスのボックスのサイズ変更プロパティがあります：前か。

と同様に、任意のdiv要素は、擬似要素を持っており、それはborderプロパティを持っている場合は、このようなプロパティをオーバーライドしない限り、それのボックスのサイズ変更プロパティが自動的に境界線ボックスになります。

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