刪除與CSS

Question

線我使用低於輸出插件：

<div class="CUSTOM CODE"> 
    <ul> 
     <li> line 1 </li> 
     <li> line 2 </li> 
     <li> line 3 </li> 
     <li> line 4 </li> 
    </ul> 
</div> 

的問題是我需要保持單線例如LINE1。我只能控制CSS類。是否有可能通過CSS類來完成這項工作？

Answer 1

嘗試使用這種類型的代碼。

.CUSTOM ul li:nth-child(2){ 
    background:black; 
} 

Answer 2

可以使用和:not組合:first-child

.CUSTOM li:not(:first-child){display:none;}

<div class="CUSTOM CODE"> 
 
    <ul> 
 
     <li> line 1 </li> 
 
     <li> line 2 </li> 
 
     <li> line 3 </li> 
 
     <li> line 4 </li> 
 
    </ul> 
 
</div>

，這可能不是在IE 8或IE 7工作：http://caniuse.com/#feat=css-sel3

Answer 3

在CSS，例如改變line1：

ul li:nth-child(1) 
{ 
    /* example */ 
    color: green; 
    border:2px solid black; 
    padding:6px; 
} 

或者在HTML，例如改變線路4：

<div> 
<ul> 
    <li> line 1 </li> 
    <li> line 2 </li> 
    <li> line 3 </li> 
    <li style="color:blue;padding:6px;"> line 4 </li> 
</ul> 
</div> 

Answer 4

試試這個...

.CUSTOM.CODE li:first-child {display:none}

<div class="CUSTOM CODE"> 
 
    <ul> 
 
     <li> line 1 </li> 
 
     <li> line 2 </li> 
 
     <li> line 3 </li> 
 
     <li> line 4 </li> 
 
    </ul> 
 
</div>