CSS attr() Function 的使用

Posted on Edited on In Views: Disqus:

 

CSS 中的 attr() Function 用法為去取某一元素 attribute 名稱的值，簡單範例如下。

<!DOCTYPE html>
<html>
<head>
    <style>
        p:after {
            color: red;
            content: attr(id);
        }
        h1:after {
            color: red;
            content: attr(class);
        }
    </style>
</head>
<body>
    <p id="my-p">my id is </p>
    <h1 class="my-h1">my class is </h1>
</body>
</html>

 

參考資料：

使用HTML5+CSS3製作文字提示框

Using data attributes