如何为 CSS 规则选择元素的曾孙？

给定这个 HTML，我该如何选择rt-block改变CSS仅当嵌套在 rt-header 中时如图所示？

<div id="rt-header">
    <div class="rt-container">
        <div class="rt-grid-6 rt-alpha">
            <div class="rt-grid-6 rt-omega">
                <div class="rt-block ">    // This is the occurrence I want to override
                    my html....
                </div>
            </div>
        </div>
        <div class="clear"></div>
    </div>
</div>

课程rt-grid-12 rt-alpha rt-omega不保持一致，有时是单个 div，具体取决于 Gantry/LESS 设置。如果您熟悉 Joomla 中使用的 RT 模板，您就会知道rt-block始终使用，因此该类通常不能更改。

UPDATE- 显示具有相同需求的 HTML 的另一种可能性：

<div id="rt-header">
    <div class="rt-container">
        <div class="rt-grid-6 rt-alpha rt-omega">
            <div class="rt-block ">    // This is the occurrence I want to override
                my html....
            </div>
        </div>
        <div class="clear"></div>
    </div>
</div>

一般 css 层次结构（在任何嵌套级别）由一个简单的空格给出

So:

#rt-header .rt-block {
    /* CSS STYLE */
}