删除具有多个ul的特定列表样式

时间:2013-04-29 20:26:39

标签: css css3

比方说,我有两个列表。

第一

<ul>
<li>TEST 1</li>
<li>TEST 2</li>
<li>TEST 3</li>
<li>TEST 4</li>
<li>TEST 5</li>
<li>TEST 6</li>
<li>TEST 7</li>
</ul>

第二名:

<ul>
<li>TEST 1</li>
<li>TEST 2</li>
<li>TEST 3</li>
<li>TEST 4</li>
</ul>

我想从第一个列表中的TEST 4中删除列表样式(只是图标),从第二个列表中删除TEST 3中的列表样式(再次,只是图标)。

我怎样才能做到这一点?

2 个答案:

答案 0 :(得分:1)

Working jsFiddle here.

使用nth-last-child(2)是一个选项,如下所示。


li:nth-last-child(2) {
   list-style-type: none; 
}

答案 1 :(得分:0)

<ul>
<li>TEST 1</li>
<li style='list-style-type:none;'>TEST 2</li>
<li>TEST 3</li>
</ul>

<ul>
<li>TEST 1</li>
<li>TEST 2</li>
<li style='list-style-type:none;'>TEST 3</li>
<li>TEST 4</li>
</ul>
相关问题