将列表显示为表格行+在每行之前将内容插入表格单元格 - 如何跳过将内容添加到第一里?

Question

我有这个工作代码，目前

：

1. 删除列表上的默认列表项目符号，并改为插入翼蝙蝠指向手部符号。

2. 将投影边框效果添加到每个 li 的上边缘，但跳过第一个 li。

我现在想使用第一个 li 作为标题，因此我想跳过在第一个 li 上添加 wingbat 符号(即，我希望翼蝙蝠从第二个 li 开始(。

list-style-type: none;
margin-left: 0px;
padding-left: 0em;
text-indext: -1em;
display: table;
}
.post-body ul li{
display: table-row;
}
.post-body ul li::before{
content:"261e";
color: #8d8d8d;
text-align: right;
padding-right: .6em;
display: table-cell;
}
.post-body ul li + li{
-moz-box-shadow: 0 -1px 0 #8d8d8d;
-webkit-box-shadow: 0 -1px 0 #8d8d8d;
box-shadow: 0 -1px 0 #8d8d8d;
}

Answer 1

您可以使用以下代码单独指定第一个 li 元素的 css。 例如

ul > li:first-child{
color:blue;
}