使用css基于子div将样式应用于父div

Question

我需要根据子类应用父div标签的样式。 在下面的代码类（jqx-grid-group-expand）中包含第一个位置，因此父标记（row0grid）显示文本颜色为红色。在第二个（jqx-grid-group-expand）中，在父标记（row1grid）的第二个位置中显示文本颜色为蓝色。我只需要在CSS中应用样式。不需要jQuery。请帮我。这种风格真是太麻烦了。不需要jQuery或其他样式。因为这个编码是我的网格代码的一部分。网格控件具有扩展和折叠操作。

请帮帮我。我只需要css中的样式。

 <div style="width: 100%; float: left; display: block;" role="row" id="row0grid">
    <div class=" jqx-grid-group-cell jqx-grid-cell-pinned jqx-grid-group-expand jqx-icon-arrow-down">
    </div>
    <div class=" jqx-grid-group-cell">
    </div>
    <div class=" jqx-grid-group-cell">
        Department: Dept1</div>
    <div class=" jqx-grid-group-cell">
    </div>
    <div class=" jqx-grid-group-cell">
        99</div>
    <div class=" jqx-grid-group-cell" title="">
        135.6</div>
</div>
<div style="width: 100%; float: left; display: block;" id="row1grid">
    <div class=" jqx-grid-group-cell">
    </div>
    <div class=" jqx-grid-group-cell jqx-grid-cell-pinned jqx-grid-group-expand jqx-icon-arrow-down">
    </div>
    <div class=" jqx-grid-group-cell">
        Department: Dept1</div>
    <div role="gridcell" class=" jqx-grid-group-cell">
    </div>
    <div class=" jqx-grid-group-cell">
        99</div>
    <div class=" jqx-grid-group-cell" title="">
        135.6</div>
</div>