CSS - 使用attr（）函数，不带:: before和:: after

Question

我想在某个范围内使用attr()函数，但我不会使用:: after和::之前的伪元素。例如：

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

是否可以使用CSS或SASS或LESS这样做？

Answer 1

attr()会返回string，因此，截至今天，它实际上将处理的唯一属性是content属性。

在您的情况下，它将返回字符串 36，因此无法正确应用。

它的语法有一个实验性的第二个参数<type-or-unit>，其中一个应该能够选择返回值的数据类型，尽管还没有浏览器支持它。

附注，SASS和LESS 编译到CSS中，并且无法将CSS扩展为CSS已经做过的事情。