使用数据属性值作为sass变量中的值

Question

我有json添加数据属性，并希望使用data属性的值来控制元素的宽度。

我的sass编译器虽然抱怨。

 <li class="lecture"  data-views="190"></li>

 $popularity: [data-views]

  .og-grid li > a,
  .og-grid li > a img
      width: $popularity

Answer 1

我认为你不能用SASS获得DOM数据属性。你可以为每个值使用一个类，显然如果有太多这个并不理想：

CSS类解决方案：

.lecture[data-views='190']{
  width: 190px;
}

替代方案也可以是jQuery：

$('.lecture').each(function(i){
     $(this).width($(this).data('views'));
});