Question

我已经在sass中声明了一个css属性，如下所示：

.submit-link {
     float: left;
    i{         
      float: left;
      display: inline-block;
      transform: rotate(180deg);
     }
 }

现在我需要添加一个将添加到i元素的自定义类。我尝试在元素i

中使用＆amp; .back-to-home

.submit-link {
     float: left;
     i{
        &.back-to-home
        {
          float:right !important;
        }
        float: left;
        display: inline-block;
        transform: rotate(180deg);
    }
 }

但它不起作用。我尝试添加as＆amp;：回到家里。它没用。如何将自定义类添加到上面的sass中。任何帮助将非常感激。提前致谢。干杯

Answer 1

不确定什么不适合你，但我已经创建了这个简单的演示并且工作正常：

HTML：

<i>Test</i>
<i class="back-to-home">Home</i>

SCSS：

i {
  color: white;
  background: red;
  padding: 10px;

  &.back-to-home {
    background: blue;
  }
}

jsFiddle - https://jsfiddle.net/kr29b1dn/

如何在sass中的元素内使用自定义类

1 个答案: