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

Question

我目前有这个工作代码:

1. 删除列表中的默认列表元素符号并插入翼 bat 指手符号。

2. 在每个 li 的顶部边缘添加阴影边框效果，但跳过第一个 li。

我现在想使用第一个 li 作为标题，因此我想跳过在第一个 li 上添加 wingbat 符号(即，我希望 wingbats 从第二个 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;
}