nth-child自定义：用Unicode字符替换项目符号，并且不适用于嵌套的
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了nth-child自定义：用Unicode字符替换项目符号，并且不适用于嵌套的相关的知识，希望对你有一定的参考价值。
在我的沙箱中：
.thunderbolt li:nth-child(1):before {content: "26A1 ";}
.thunderbolt li:nth-child(2):before {content: "答案答案1：如果使用unicode代替项目符号，则需要使用，
.thunderbolt li: {
position: relative;
list-style: none;
overflow: hidden;
}
.thunderbolt li:after {
position: absolute;
top: 50%;
left: -2%;
transform: transletX(-50%);
}
并且请使用您的unicode作为position: absolute;，希望您的代码是简单的解决方案。相同的css可以在所有li上正常工作，但单独更改content: 'here is your unicode';，我希望这将是实现unicode项而不是项目符号项的最简单方法。
答案2：如果您使用.thundebolt > li，那么我希望它仅在特定列表上有效。您可以尝试。
注意：如果您有更好的解决方案，请允许我，我想向您了解更多，谢谢！
另一答案 ul.thunderbolt > li:nth-child(1) {
list-style: "26A1 ";
list-style-position: outside;
}
ul.thunderbolt > li:nth-child(2) {
margin-top: 10px;
list-style: "以上是关于nth-child自定义：用Unicode字符替换项目符号，并且不适用于嵌套的的主要内容，如果未能解决你的问题，请参考以下文章