使用数据属性值作为 sass 变量中的值 [重复]

Question

我有json添加数据属性，想用数据属性的值来控制元素的宽度。

我的 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'));
});