如何更好的让一个选择器继承另一个选择器（用词可能不当，见谅）

有一个类选择器，它专门控制宽度,如下：

.span {
    width:200px;
}

又有一个类选择器，有一些样式：

.my {
     background-color: red;
     /*...*/
}

我现在要用.my去给一个div样式，但同时也需要给一个width，我想了以下办法`:

//第一种：两个class（感觉太乱了）
<div class="span my"></div>

//第二种：在my选择器中加入width(也很不好，因为我是想把`.span`的宽度给`my`，而不是一个固定值)
.my {
     background-color: red;
     /*...*/
     width:200px;
}

请问，有没有一种办法，可以在my选择器中，加入span的样式，以后`

`就有span的宽度，并且span变了它就跟着变。

---

如果是css, 只能用第一种方法了。
如果要实现.span的样式改变了， .my的样式也要跟着更新， 建议去了解下scss, sass之类的。