2012-12-25 42 views
0

使用HTML我已經樹建躲在樹上最後一個節點,CSS我需要隱藏在樹 我的CSS代碼是最後一個節點:我需要使用CSS

div ul li ul li ul li ul.treeview{ display: none; }

,但沒有工作,問題是什麼?

標記:

<div id="field-term-parent-value-wrapper" class="form-item form-item-labeled"> 
    <div id="field-term-parent-value" class="tm-processed"> 
<ul class="treeview"> 
<li class="collapsable"> 
<ul class="treeview" style="display: block;"> 
<li class="collapsable"> 
<ul class="treeview" style="display: block;"> 
    data 
+0

分享您的嵌套標記 –

+0

這是不可能用純CSS。 CSS只看起來倒退。沒有元素知道它是否是最後一個。 –

+0

請分享您的標記 – NewUser

回答

2

嘗試:

div ul li ul li ul li ul.treeview { display: none !important; } 

,因爲在你的元素內聯樣式覆蓋此元素定義了其他樣式。

P.S我假設你知道你的標記,並把正確的數字ulli在CSS聲明。你粘貼提示,只有三個ul和兩個li那裏,所以這會工作:

div ul li ul li ul.treeview { display: none !important; } 
+0

謝謝Soooooooooooo多=>!重要的訣竅;) –

0

我發現了什麼在這些情況下的工作原理是觸發的,而不是直接設置類名「顯示:塊」。這可以防止需要瘋狂選擇器或使用!重要。

/* the default is display:block, so all we need 
    is this one class */ 

.closed { 
    display: none; 
} 

<li class="collapsable"> 
<ul class="treeview"> 
<li class="collapsable"> 
<ul class="treeview" class="closed">