使用css或sass将样式应用于同一类的多个html元素

时间:2011-11-16 16:27:23

标签: css sass

我想使用css将样式应用于<p>类的所有<input>numeric元素。

是否可以合并这个以便我只写一次“数字”?

p.numeric,input.numeric {
    float: right;
}

我也在使用sass,所以如果在CSS中不可能,那么增加sass是否可能?

2 个答案:

答案 0 :(得分:25)

是的,有可能:

p, input {
    &.numeric {
        float: right;
    }
}

'&amp;'与p / input连接是必要的。没有结果将是p .numeric {...}

答案 1 :(得分:1)

您可以简单地执行.numeric,但随后它将应用于具有数字类的所有内容。如果您只想将它​​应用于段落和输入,那么您正在做的是正确的方法。