删除与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>