2015-09-04 63 views
0

我有這樣的如何正確引用?

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

一個CSS,我想改變一些東西里面,如果該塊是一個特殊的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; 
} 

我很感激你對這個具體情況的回答,但是對於一般提示如何解決這樣的情況也是如此。

+2

是否'#目標submenu_2block .rf_re1-UL子li.r f_re1-submenu-finder'工作? – Holt

+0

不,不。我沒有!重要的東西或通過js把東西放進去 – Daiaiai

+0

向我們展示你的HTMl代碼(一個沒有ID的例子,一個有它的例子),所以我們可以幫助你。最好的方法是提供一個(或兩個)完整的小提琴。 – Holt

回答

0

嘗試改變

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