attr()是CSS3引入的一個比較有用的函數，可以獲取 HTML 元素的屬性值，并將其作為 CSS 值進行使用。

/* 語法 */
attr(屬性名, 值)
/* 示例 */
div::before {
content: attr(data-text);
}

其中，參數 "屬性名" 是一個必須的值，用于指定要提取的 HTML 元素屬性的名稱，例如上面示例中的 "data-text"；而參數 "值" 則是可選的，指定一個屬性值，當提取的屬性值無效（例如沒有找到），將會使用此值作為默認值。

而對于使用屬性選擇器，則可以使用 attr() 將屬性值插入到 CSS 中，例如：

/* 示例 */
a[href^="https"]:before {
content: attr(href);
}

注意，attr() 只能在 certain CSS 屬性 中使用，例如 content 或 cursor 等。而且，如果屬性值不是有效的 CSS 值，將會被忽略。

最后，可以通過 JavaScript 修改 HTML 元素屬性來動態地更新使用 attr() 的 CSS 屬性值。