如何在 SASS 中定义属性选择器？

Question

在 CSS 中，你可以这样做：

input[type=submit] {
  // properties
}

这对于样式表单按钮。

你如何在 SASS 中做同样的事情？

Answer 1

你也可以这样嵌套

input
  &[type="submit"]
    .... 
  &[type="search"]
    .... 

Answer 2

此转换器网站说：

input[type=submit]
  // properties

Answer 3

我在我的项目中使用下面的一个。

.bg-brand-3 {
  background-color: black;
  &[type="button"]:enabled {
    &:hover {
      background-color: orange;
    }
    &:active {
      background-color: green;
    }
  }
  &[type="submit"] {
    // css
  }
}

:enable 与 :not(:disabled) 含义相同