如何组合具有相同属性的两个类?

时间:2018-02-03 01:48:19

标签: css

例如,如果我有:

.logIn {
    border: none;
    outline: none;
    height: 100%;
    background-color: #151719;
    color: white;
    margin: 0 20px;
    float: right;
    padding-top: 16px;
    cursor: pointer;
}
.signUp {
    border: none;
    outline: none;
    height: 100%;
    background-color: #151719;
    color: white;
    margin: 0 20px;
    float: right;
    padding-top: 16px;
    cursor: pointer;
}

我重复相同的代码两次,将它们组合起来的正确语法是什么?

1 个答案:

答案 0 :(得分:1)

用逗号分隔类应该可以解决问题。

.logIn, .signUp {
        border: none;
        outline: none;
        height: 100%;
        background-color: #151719;
        color: white;
        margin: 0 20px;
        float: right;
        padding-top: 16px;
        cursor: pointer;
    }