如何直接通过class直接调用一个公用的外部样式?

图片说明
如图 我想把有红色边框部分的样式写成一个公用的样式,然后在需要的时候直接在内部样式里面调用,这个该如何做???求指教

写一个单独的class,然后在span标签上面调用就行了,或者写成

.box span,.box2 span{
公共样式
}

一般做法是,共同的部分,定一个一个class,然后用的时候引用这个class就可以了。楼主刚刚上手吧,建议学习的时候,结合思维导图来,这样更容易些

你的想法是能行的通的. 不过是在 less 和sass 这样的预编译文件中实现

把你的思维反过来就可以。不是内部样式里面调用公共样式,而是把每个需要调用公共样式的选择符,添加到公共样式的选择符中(用逗号分隔)。

.box span,.box2 span{
    公共的部分样式
}

.box span{
    单独的部分样式
}
.box2 span{
    单独的部分样式
}

你看上面两个元素都是div元素,你可以将统一样式设置在div元素上就行了啊。或者如果你界面上的所有文字都是如此的样式,设置在body下比较合适