CSS3 content 之 ::before 和 ::after 偽元素

偽元素語法:

content: normal
/*:before 和 :after 偽類元素中會被視為 none */

content: none
/* 不會產生偽類元素 */

content: 'prefix'
/*  文本内容   */

content: url(http://www.example.com/test.html)
/* URI值會指定一個外部資源(比如圖片)。如果該資源或圖片不能顯示,它就會被忽略或顯示一些佔位(比如無圖片標誌)*/

content: chapter_counter
/*  計數器可以指定兩種不同的函數:counter() 或 counters()。前面一個有兩種形式:counter(name) 或 counter(name,style) 。產生的內容是該偽類元素指定名稱的最小範圍的計數;格式由style指定(默認是'decimal'——十進制數字)。後一個函數同樣也有兩種形式:counters(name,string) 或 counters(name,string,style) 。*/

content: attr(value string)
/* attr() 將元素的X屬性以字符串形式返回。如果該元素沒有 X 屬性,則返回一個空字符串。區分大小寫的屬性返回值依賴文擋的語言設定。 */

content: open-quote
content: close-quote
content: no-open-quote
content: no-close-quote
/* L這些值會被 quotes 中定義的字符串替換 */

content: open-quote chapter_counter
/* 不會生產任何內容,但是會改變(增加或降低)引號層級。 */

content: inherit





 

參考

好站連結

超棒的HTML代碼表,含CSS代碼
網頁特殊符號(HTML字元實體)大全

CSS大全
::after::beforequotes



分享所學知識,願能求得朋友共同討論與分享。
明天的筆記本logo