課程
/前端開發
/HTML/CSS
/十天精通CSS3
誰能告訴我這具體是什么意思？attr（）這個應該怎么用
2016-08-27
源自：十天精通CSS3 11-4
正在回答
attr(attribute) ? ?設置content作為選擇器的屬性之一。
在CSS2.1中attr()已經被定義，它表示總是返回一個字符串。
content一般和:before,:after一起使用，用來生成內容(img和input沒有該屬性)，content的內容一般可以為以下四種：
none： 不生成任何值。
attr： 插入標簽屬性值
url： 使用指定的絕對或相對地址插入一個外部資源（圖像，聲頻，視頻或瀏覽器支持的其他任何資源）
string： 插入字符串
content和attr()配合使用
? ? attr屬性通常和自定義屬性data-配合使用，因為傳統的其它屬性雖然也能存值，但通常不適合存放表達性文字。示例代碼：
????<div?data-line="1"></div> ????div[data-line]:after?{?content:?attr(data-line);/*?屬性名稱上不要加引號！?*/?}
岸邊花開一朵朵
西瓜瓜瓜 提問者
舉報
本課程為CSS3入門教程，深刻詳解CSS3知識讓網頁穿上絢麗裝備
3 回答content:"";
1 回答content:"";
1 回答content是什么？
3 回答content位置確定
1 回答這src怎么來的？
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-08-28
attr(attribute) ? ?設置content作為選擇器的屬性之一。
在CSS2.1中attr()已經被定義，它表示總是返回一個字符串。
content一般和:before,:after一起使用，用來生成內容(img和input沒有該屬性)，content的內容一般可以為以下四種：
none： 不生成任何值。
attr： 插入標簽屬性值
url： 使用指定的絕對或相對地址插入一個外部資源（圖像，聲頻，視頻或瀏覽器支持的其他任何資源）
string： 插入字符串
content和attr()配合使用
? ? attr屬性通常和自定義屬性data-配合使用，因為傳統的其它屬性雖然也能存值，但通常不適合存放表達性文字。
示例代碼：
????<div?data-line="1"></div> ????div[data-line]:after?{?content:?attr(data-line);/*?屬性名稱上不要加引號！?*/?}