Question

我正在使用Rails 3.1并想要一个可以设置的Sass变量（或其他技术）

$show_border: border: 1px solid black;

和布局部分

.info{
  $show_border
  width: 600px;
  display:inline-block;
  float:left;
}

这样我就可以看到布局并集中打开和关闭它。我不能只将边框设置为0，因为它不能跨浏览器工作。有一种简单的方法可以做到这一点吗？

THX

Answer 1

如果您愿意，可以将其作为mixin：

@mixin show_border {
  border: 1px solid black;
}

.info {
  @include show_border;
}

或者您可以在JavaScript中（即从书签中）执行此操作：

$(".info").css({ border: "1px solid black" }); // with jQuery

// Without jQuery (in modern browsers)
Array.prototype.slice.call(document.getElementsByClassName("info"), 0).forEach(function (element) {
  element.style.border = "1px solid black";
});

在Sass中指定是否存在边界

1 个答案: