css使用偽物件選擇器設定元素內容
本章節分享一段程式碼例項,它實現了使用css的偽物件選擇器設定內容的功能。
這裡只是做一下簡單的演示,更多內容可以參閱相關閱讀。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> #antzone:after{ content:"softwhy.com"; color:blue; } </style> </head> <body> <div id="antzone">螞蟻部落的url地址是:</div> </body> </html>
上面的程式碼可以為div元素新增後續內容,然後設定後續內容的顏色。
相關閱讀:
(1).:after可以參閱CSS E:after/E::after一章節。
(2).content屬性可以參閱CSS content一章節。
相關文章
- CSS選擇器(6)——偽元素CSS
- CSS E::after 偽元素選擇器CSS
- CSS偽類與偽元素選擇器區別CSS
- js獲取偽元素選擇器規定的內容程式碼例項JS
- CSS3新增選擇器(屬性選擇器、結構偽類選擇器、偽元素選擇器)CSSS3
- HTML表單及CSS選擇器、偽類和偽元素HTMLCSS
- CSS E::first-line偽元素選擇器CSS
- css3偽元素選擇器before 和 after 的使用CSSS3
- CSS 偽類選擇器CSS
- CSS E::before 偽元素選擇符CSS
- CSS 元素選擇器CSS
- CSS中一些利用偽類、偽元素和相鄰元素選擇器的技巧CSS
- CSS E:default 偽類選擇器CSS
- CSS E:disabled偽類選擇器CSS
- CSS E:disabled 偽類選擇器CSS
- CSS E:checked 偽類選擇器CSS
- CSS E:hover偽類選擇器CSS
- CSS E:hover 偽類選擇器CSS
- js如何控制css偽元素內容(before,after)JSCSS
- jQuery選擇器——內容過濾選擇器jQuery
- 偽類選擇器:愛恨法則;偽元素選擇器:before,after;清除浮動
- CSS :focus-within 偽類選擇器CSS
- CSS偽類選擇器是什麼CSS
- CSS @page:left列印偽類選擇器CSS
- CSS @page:first列印偽類選擇器CSS
- CSS5-選擇器5-子元素選擇器CSS
- css滾動條設定(選擇器)CSS
- CSS樣式中的通用選擇器和偽類選擇器CSS
- 使用 CSS 選擇器實現對不含 title 屬性元素的選擇CSS
- css偽類選擇符CSS
- CSS @page:right列印偽類選擇器CSS
- CSS的總結(選擇器,偽類等…)CSS
- 如何動態刪除css的偽物件選擇器程式碼例項CSS物件
- 後端碼農談前端(CSS篇)第四課:選擇器補充(偽類與偽元素)後端前端CSS
- css相鄰選擇器設定li元素外邊距程式碼例項CSS
- 好程式設計師web前端CSS選擇符(選擇器):表示要定義樣式的物件程式設計師Web前端CSS物件
- 徹底理解CSS結構偽類選擇器CSS
- CSS 連結偽類選擇器順序原理CSS