CSS如何重写class样式实现sign类元素的重新定位？

错误原因分析 #

• HTML标准中不存在class2这类多类名属性，所有需要应用到元素上的类名，必须放在同一个class属性中，类名之间用空格分隔。
• 你定义的.sign-repos样式逻辑本身是正确的：由于CSS同名属性优先级遵循「后定义优先」规则，只要.sign-repos的样式定义在原有.sign样式之后，其中的浮动、定位、边距属性会自动覆盖.sign中的同名设置，刚好实现自定义重定位的需求。

正确实现代码 #

HTML部分

<div class="sign sign-repos">

CSS部分（原有写法无需修改）

.sign-repos { 
    position: relative;
    float: right;
    left: 36px;
    top: -55px;
    margin-top: 22px;
    margin-bottom: -11px;
}

可选优化建议 #

如果你需要给所有使用.sign类的元素统一调整定位，不需要额外新增类，直接修改原有.sign类中对应的定位、浮动、边距属性即可。只有当你需要给部分.sign元素单独设置特殊定位时，才需要使用新增类叠加的方案。

内容的提问来源于stack exchange，提问作者user3427501