CSS表達(dá)式 attr() 用來獲取選擇到的元素的某一HTML屬性值,并用于其樣式。它也可以用于偽元素,屬性值采用偽元素所依附的元素。attr() 表達(dá)式可以用于任何CSS屬性。
以下示例在每個(gè)鏈接后面插入內(nèi)容:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鳥教程(cainiaoplus.com)</title>
<style>
a:after {content: " (" attr(href) ")";}
</style>
</head>
<body>
<p><a href="//www.jixiangtaizi.com.cn">菜鳥教程</a></p>
<p><a href="//www.jixiangtaizi.com.cn/html/">HTML 教程</a></p>
<p><strong>注意:</strong> IE8 需要聲明 !DOCTYPE 才可以支持 attr() 函數(shù)。</p>
</body>
</html>測試看看 ?/?attr() 函數(shù)返回選擇元素的屬性值。
支持版本:CSS2
表格中的數(shù)字表示支持該函數(shù)的第一個(gè)瀏覽器版本號。
| 函數(shù) | |||||
|---|---|---|---|---|---|
| attr() | 2.0 | 8.0 | 1.0 | 3.1 | 9.0 |
注意: IE8 需要聲明 !DOCTYPE 才可以支持 attr() 函數(shù)。
語法: attr( attribute-name <type-or-unit>? [, <fallback> ]? )
| 值 | 描述 |
|---|---|
| attribute-name | 必須。HTML 元素的屬性名。 |