css - 在SASS中为不同的类添加一个类名

标签 css sass

<分区>

我在一个旧的 CSS 文件中有这个结构:

h1.myClass{
color:red;
font-size:18px;
}
h2.myClass{
color:blue;
font-size:16px;
}
h3.myClass{
color:yellow;
font-size:14px;
}

我想以 SASS 的方式来做(如果可能的话)。 我不必多次重复 myClass 的某种方式。 也许,一种类似于 SASS 中嵌套的技术。

最佳答案

在 SASS 中可以这样做:

.myClass
  h1&
    color:red;
    font-size:18px;
  h2&
    color:blue;
    font-size:16px;
  h3&
    color:yellow;
    font-size:14px;
选择器之后的

& 会将当前选择器作为父级:

h1.myClass

关于css - 在SASS中为不同的类添加一个类名,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26085392/

上一篇:jquery - 是否可以用我自己的图像更改滚动条?

下一篇:javascript - Jscrollpane z-index 问题

相关文章:

javascript - JQuery,如何找到具有相似ID的div的条件列表

javascript - 多个脚本标签在我的页面中不起作用

css - 如何使用 SASS 来模拟 :matches(a, b) + :matches(a, b) :nth-child(2)? 的使用

javascript - 如何在 CSS 中制作时钟并在 JS 中工作

css - 如何更改 angularjs angular-material 内部 SASS !default 变量?

html - SASS:有没有办法根据类名中的数字计算属性?

CSS 验证 : "Parse Error: @keyframes"

css - 垂直对齐 : middle with Bootstrap 2

html - 为什么使用 <div class ="clear"></div>?

html - 悬停时展开底部边框不起作用?