在 CSS 中,可以通過設置content屬性來實現文字前面添加樣式。
例如,以下代碼可以實現在文本前面添加一個“?”符號:
p::before { content: "? "; }
如果想對添加的內容進行樣式設置,可以在 ::before 偽元素上使用 CSS 屬性:
p::before { content: "? "; color: red; font-size: 1.5em; }
另外,還可以使用 ::after 偽元素實現在文本后面添加內容。
p::after { content: "(完)"; }
在 ::before 和 ::after 偽元素上可以使用繼承屬性(如 font 系列屬性)進行樣式設置,但是不支持所有屬性(如background 系列屬性)。
需要注意的是,在使用 ::before 和 ::after 偽元素時,要保證當前元素具有非空的 content 內容,否則偽元素并不會生效。
最后,需要說明的是,偽元素本身并不在文檔流中,不能通過 JavaScript 操作。如果需要使用 JavaScript 操作偽元素,可以通過添加真實元素的方式(如添加一個 span 元素)來實現。
上一篇css樣式的實現方法
下一篇php 5年工資是多少錢