使嵌套组件具有相同的颜色

Question

我有一个HTML标记的嵌套：

<div className="col-md-4">
  <ul className="list-group">
   //some other tags
  </ul>
</div>

我希望他们都拥有相同的背景色。

我尝试设置最顶层的背景颜色，但其中组件的背景仍为白色。

嵌套标签通过多个源文件分发，因此很难单独更改每种文件的背景颜色。

因此，是否有一个选项可以传递到最顶层div，以便其中的所有标签具有相同的背景颜色？

Answer 1

如果你想将风格应用于所有孩子，那么你需要使用.my-first-div * descendant selector，如果你想将风格应用于元素孩子，而不是它的大孩子那么使用{{1 }} child selector。例如：

＆＃13;

＆＃13;

.my-second-div > *

＆＃13;

.my-first-div {
    padding: 10px;    
}

.my-first-div * {
    color: red;
}

.my-second-div > * {
    color: blue
}

＆＃13;

＆＃13;

＆＃13;

JSFIDDLE： DEMO