使用CSS或Sass为同一类别的多个HTML元素应用样式

Question

我想使用CSS样式来应用于所有带有“numeric”类的<p>和<input>元素。是否可以将此合并，以便我只需写一次“numeric”？

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

我也正在使用Sass，如果CSS不支持，那么在Sass中是否可能实现？

- spike

Answer 1

可以的：

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

'&'符号是连接p/input所必需的。如果没有它，结果将会是p .numeric {...}

- Rito

---

我认为&符号是不必要的。只嵌套如@hunter所建议的是否有问题？ - spike

是的，添加了一些澄清 :) - Rito

Answer 2

你可以简单地使用 .numeric，但这样会应用于所有具有 numeric 类的元素。如果你只想应用于段落和输入框，那么你现在的做法是正确的。

- GordonM