如何在不复制的情况下在另一个类中重用css类内容？

在标准CSS中你做的评论是不可能的,因为没有纯粹的继承.

尽管它不适用于您的代码限制,但这是更接近它的方法:

    .class1, .class2 { text-indent: 100 }

    .class2 { 
            /* Styles you want to have only in class 2 */
    }

    <span class="class2" />

另一方面,作为@A.Wolff指出,您仍然可以使用js/jq将类添加到特定元素:$(function(){$('.class2').addClass('class1')}); 然后只为这些元素设置一个特定的CSS规则.

如果您不想使用JS,那么您需要使用SASS或类似的东西来"编译"CSS.

CSS无法从另一个规则集引用一个规则集.

您的选择包括:

使用多个选择器来处理具有通用规则的事物

.menu,
.nav {
    font-weight: bold;
}

.nav {
    display: inline-block;
}

在单个元素上使用多个类

.menu {
     font-weight: bold;
}

.nav {
     display: inline-block;
}

<li class="menu nav">

以编程方式生成CSS

例如,与SASS

@mixin menu {
    font-weight: bold;
}

.nav {
    display: inline-block;
    @include menu;
}

是的,它是可以的.

写:

.class1,.class2 {text-indent:100;}
.class1{color:red;}
.class2{font-size:30px;}

更多信息在这里.