如何正确引用？

Question

我有像这样的CSS

.rf_re1-submenu ul li.rf_re1-submenu-finder{
background:pink;
}

如果这个块在一个特殊的ID中，我想改变一些内容（只有这样，否则上面的东西应该用作默认值）

我因此尝试了

#target-submenu_2block >.rf_re1-submenu ul li.rf_re1-submenu-finder{
background:green;
}

但这并没有成功，这里也没有：

#target-submenu_2block ul li.rf_re1-submenu ul li.rf_re1-submenu-finder{
background:green;
}

我很感激你对这个具体情况的回答，但也感谢你如何解决这样的情况。

Answer 1

尝试更改

#target-submenu_2block ul li.rf_re1-submenu ul li.rf_re1-submenu-finder

到

#target-submenu_2block .rf_re1-submenu ul li.rf_re1-submenu-finder

段：

.rf_re1-submenu ul li.rf_re1-submenu-finder{
    background:pink;
}

#target-submenu_2block .rf_re1-submenu ul li.rf_re1-submenu-finder{
    background:green;
}

<ul>
    <li>hello
        <ul>
            <li class="rf_re1-submenu-finder">Goodbye</li>
            <li>Goodbye</li>
            <li class="rf_re1-submenu-finder">Goodbye</li>
        </ul></li>
    <li>hello</li>
    <li class="rf_re1-submenu">hello
        <ul>
            <li class="rf_re1-submenu-finder">Goodbye</li>
            <li>Goodbye</li>
            <li class="rf_re1-submenu-finder">Goodbye</li>
        </ul>
    </li>
</ul>

<ul id="target-submenu_2block">
    <li>hello
        <ul>
            <li class="rf_re1-submenu-finder">Goodbye</li>
            <li>Goodbye</li>
            <li class="rf_re1-submenu-finder">Goodbye</li>
        </ul></li>
    <li>hello</li>
    <li class="rf_re1-submenu">hello
        <ul>
            <li class="rf_re1-submenu-finder">Goodbye</li>
            <li>Goodbye</li>
            <li class="rf_re1-submenu-finder">Goodbye</li>
        </ul>
    </li>
</ul>