CSS可以通過偽元素選擇器實現替換指定文字的功能,通過設置::before
或::after
的content
屬性,將要替換的文字作為其值,再配合content
屬性中的attr()
函數,可以將要替換的文字來自HTML元素的屬性值。
p::before { content: "開始" }
p::after { content: "結束" }
以上代碼表示對所有p
元素的前面添加文字"開始",后面添加文字"結束"。
p[data-label]::before { content: attr(data-label) }
以上代碼表示對擁有data-label
屬性的所有p
元素,將其屬性值作為前面替換的文字。
通過這種方式,可以在不改動HTML結構的情況下方便地修改文字內容,達到更好的樣式效果。
上一篇css樣式斜體
下一篇css樣式文本框怎么居中