.clearfix:after
.clearfix
.inline-element::after有乙個 unicode 字元是專門代表換行符的：0x000a 。 在 css 中，這個字元可以寫作 「\000a」， 或簡化為 「\a」。這裡我們用它來作為 ::after 偽元素的內容。也就是在元素末尾新增了乙個換行符的意思。
而 white-space: pre; 的作用是保留元素後面的空白符和換行符，結合兩者，就可以輕鬆實現在行內級元素末尾實現換行。
參考文章
css之偽元素
其他w3school文件 css 偽元素用於向某些選擇器設定特殊效果。我們看到有幾個偽元素的使用例子 可以通過這個屬性設定文字第一行的特殊效果，比如一段文字的第一行為紅色，其他為黑色。如果不通過這個方式來實現，就比較麻煩。因為螢幕適配的原因，你可能不能確定哪些文字屬於第一行 和first line ...
CSS之偽元素
之前做乙個需求的時候需要對頁面上所有的banner上新增提示文案，例如 這是廣告。本來想乙個乙個廣告部件上新增文案div來實現。後面向同組大佬請教，可以利用css中的偽元素 before來實現。偽元素，顧名思義，就是它們不是真的html頁面元素，實際上就乙個帶有css樣式的透明元素，只展示某些css...
偽元素 偽類
偽元素在dom中建立了一些抽象元素，而且這些元素本身時不存在與dom中的。在css3中偽元素前要使用 兩個冒號 比如 使用在使用 before 和 after時，要使用content進行內容設定。預設情況下，偽元素插入的內容為行內元素，不過可以使用display進行設定。注意 同時只能使用乙個偽元素...