Как правильно это сделать?

Question

У меня есть CSS, как, что

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

, и я хочу изменить некоторые вещи внутри, если этот блок находится в специальном ID (только тогда, еще выше материал должен использоваться по умолчанию)

I поэтому не пробовал

#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 

Snippet:

.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>