如何使用LESS将参数传递给CSS类?

时间:2016-12-06 10:28:51

标签: css less

不确定使用LESS是否可行,但我看到.rotate(@degrees) {...}(只能在LESS中使用)

我希望能够编写一个CSS类并将该数字作为HTML中的参数传递 - 例如:<div class="opacity(20)">

这里只是我使用的重复CSS类的一个例子(但即使传递一个整数也会很棒):

.opacity-10 {
  opacity: 0.1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; // IE 8
  filter: alpha(opacity=10); // IE 5-7
  -moz-opacity: 0.1; // Netscape
  -khtml-opacity: 0.1; // Safari 1.x
}
.opacity-20 {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; // IE 8
  filter: alpha(opacity=20); // IE 5-7
  -moz-opacity: 0.2; // Netscape
  -khtml-opacity: 0.2; // Safari 1.x
}

// ...

0 个答案:

没有答案