【问题标题】:Sass - two classes in a single tag [duplicate]Sass - 单个标签中的两个类[重复]
【发布时间】:2012-01-11 18:00:24
【问题描述】:

所以,我需要一种风格

.question_actions.active

我现有的 CSS

.question_actions {
    float: right;
    font-size: 1em;
    width: 110px; 
}
.question_action {
    margin-bottom: 8px; 
    padding: 3px;
}
.question_actions.active {
    /* some CSS */
}

组合它们的语法是什么?

【问题讨论】:

    标签: css sass


    【解决方案1】:

    给你:

    .question_actions {
       float: right; 
       font-size: 1em;
       width: 110px; 
    
       .question_action {
           margin-bottom:8px;
           padding: 3px;
       }
    
       &.active {
        //some css
       }
    }
    

    【讨论】:

    • 漂亮!这正是我所需要的。干杯。
    • 小注意,与号是空格敏感的。 & .active 带有空格,不会以同样的方式解释。
    猜你喜欢
    • 2013-10-24
    • 2021-09-24
    • 2014-01-26
    • 2012-02-08
    • 2012-12-24
    • 1970-01-01
    • 1970-01-01
    • 2012-09-07
    • 2013-02-19
    相关资源
    最近更新 更多