根据应用的元素区分CSS样式

Question

是否有一种简单的方法可以根据应用的元素区分样式？例如：

.myclass div { background-color: red; }
.myclass span { background-color: green; }

以上在嵌套元素时起作用。我想要的功能是：

<div class="myclass"> ..red background </div>
<span class="myclass"> ..green background </span>

不寻找JS解决方案。纯CSS / html。

Answer 1

这应该可以解决问题：

＆＃13;

＆＃13;

div.myclass  { background-color: red; }
span.myclass { background-color: green; }

＆＃13;

<div class="myclass">red background</div>
<span class="myclass">green background</span>

＆＃13;

＆＃13;

＆＃13;