Question

在css中，我们为:pseudo元素提供了类似的内容。根据 this ，它将来会出现。目前，任何主要浏览器都不支持 http://caniuse.com/#feat=css3-attr

＆＃13;

.test {
    display: inline-block;
    background-color: gray;
    color: attr(data-color); /* Doens't work in css */
    width: attr(data-width px);
}

.test:after {
    content: attr(data-name);
}

＆＃13;

<div class='test' data-name=" - CONTENT" data-color="#f00" data-width="200">test</div>

＆＃13;

但我想要的是，让我们说以下div

<div data-color="#f00">...</div>

在LESS中，我希望能够通过data属性选择该颜色。

.example-class { 
    color: attr(data-color); /* Something like this */
}

是否可以使用LESS？

来实现这一点或类似内容

Answer 1

考虑到LESS无论如何编译为CSS，因此从不知道HTML，这似乎不可能。这就是attr()函数在CSS中的原因，而不是LESS。

获取LESS中的属性值？

1 个答案: