Применить стиль к нескольким элементам HTML одного и того же класса с CSS или Sass

Question

Я хочу применить стиль ко всем <p> и <input> элементам класса numeric, используя css.

Можно ли объединить это так, чтобы я написал "числовой" только один раз?

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

Я также использую sass, так что если это невозможно в CSS, возможно ли это с добавлением sass?

Answer 1

да, это возможно:

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

Символ '&' необходим для соединения с р / входом.Без результата будет p .numeric {...}

Answer 2

Вы можете просто сделать .numeric, но тогда это будет применяться ко всему с классом numeric. Если вы хотите, чтобы он применялся только к абзацам и входным данным, то вы делаете правильный подход.