在CSS3中，為了增加樣式的靈活性，引入了content屬性。content屬性用于在樣式中插入生成的內(nèi)容，可以用于偽元素，如:before和:after。在寫入content的時候需要使用引號，可以使用單引號或者雙引號，多個content的時候需要使用逗號分割。 下面是一些常用的content的用法: 1. 使用一個字符 在:before或者:after偽元素中可以使用content屬性來添加一個字符，例如： p:before { content: "?"; } 2. 使用HTML代碼 content屬性中也可以使用HTML代碼來生成內(nèi)容。在:before或者:after偽元素中，我們可以使用content屬性來添加HTML代碼，例如： p:after { content: "

This is a paragraph.

"; } 3. 使用計數(shù)器 使用content屬性可以與計數(shù)器結(jié)合使用，這樣可以實現(xiàn)對元素進(jìn)行計數(shù)的功能，例如： /*定義計數(shù)器*/ div { counter-reset: my-counter; } /*使用計數(shù)器*/ div:before { counter-increment: my-counter; content: "Number " counter(my-counter) ": "; } 在使用content時，可以使用變量代替常量，例如： /*定義變量*/ :root { --color: red; } /*使用變量*/ p:before { content: var(--color); } 總的來說，在CSS3中，content屬性是一個非常優(yōu)秀、強大的功能，它可以讓我們在偽元素中添加生成的內(nèi)容，這極大地增強了CSS的表現(xiàn)力。通過使用content屬性，我們可以實現(xiàn)更多的樣式效果，而且這些效果都很有趣。