CSS - 在::之前和之後使用attr（）函數

我想在某些跨度中使用attr()函數，但是我不會使用:: after和:: before僞元素。例如：CSS - 在::之前和之後使用attr（）函數

<span size="36">Text</span> 
<style> 
    span[size]{ 
     font-size: attr(size pt); 
    } 
</style>

使用CSS或SASS或LESS可以這樣做嗎？

2017-08-26 Kacper G.

attr（）函數可以與任何CSS屬性一起使用，但對「content」以外的屬性的支持是實驗性的。 – Dekel

它只是「內容」以外的任何屬性的實驗，[比照。 MDN attr（）in CSS]（https://developer.mozilla.org/en/docs/Web/CSS/attr） – Vivick

什麼意思是「實驗」？它在Mozilla Firefox中工作嗎？ –

attr()返回一個string，因此它是今天實際工作的唯一財產是content財產。

在你的情況下，它會返回字符串36，因此不會被正確應用。

它的語法有一個實驗性的第二個參數<type-or-unit>，其中一個應該能夠選擇返回值的數據類型，儘管沒有瀏覽器支持它。

一個側面說明，既SASS和LESS 編譯到CSS和不能延長CSS到CSS的東西已經不能做。

2017-08-26 19:58:26 LGSon

回答