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

Question

举个例子，我有两个列表。

第一个：

<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 中删除列表样式（再次，只是图标）。

我怎样才能做到这一点？

Answer 1

在这里工作 jsFiddle。

使用nth-last-child(2)是一种选择，如此处所示。

---

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

Answer 2

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