Question

在我的SASS文件中，我有一些造型用于光滑的旋转木马和装载微调器。

当出现课程slick-initialized时，可以在微调器上设置display:none。

例如 - 来自：

slick.slick-initialized {
  display: block;
}

类似于：

slick.slick-initialized {
      display: block;

      &.spinner { display none };
}

我有：

<div class="row">

      <div class="spinner"></div>

      <slick init-onload=true data="qNew" dots=true arrows=false>
        <div class=“tile" ng-repeat="question in questionsNew">
          <span ng-bind-html="question.question"></span>
        </div>
      </slick>

</div>

Answer 1

如果http://ftp.test.com/Stat_On_150125_Daily.csv元素紧跟在.spinner元素

之后

你可以写SCSS

SCSS

.slick

HTML

 slick.slick-initialized {
          display: block;
          + .spinner { display none };
    }

在<div class="row"> <slick init-onload=true data="qNew" dots=true arrows=false> <div class=“tile" ng-repeat="question in questionsNew"> <span ng-bind-html="question.question"></span> </div> </slick> <div class="spinner"></div> </div>元素之后放置。.spinner元素并使用上面的scss

SASS - 当类被激活时 - 改变另一个

1 个答案: