Question

我们有电子书，因为其中一个列表包含了文本和子弹。我可以使用（text-decoration：line-through;）来敲击文本。但是我可以查看清单中的子弹，请帮我解决一下？

Answer 1

这是一种实施方式与订单清单 HTML：

<body>
    This fiddle is used to demonstrate the list styling with CSS
    <ol>
        <li> Item 1 </li>
        <li> Item 2 </li>
        <li> Item 3 </li>
        <li> Item 4 </li>    
    </ol>
</body>

和CSS：

ol li
{
 list-style-type: none;
 counter-increment: item;
 text-decoration:line-through;   
}
ol li::before
{
   content:counter(item) ".";
    text-decoration:line-through;
}

对于无序列表，它有点复杂

HTML：

<body>
    This fiddle is used to demonstrate the unordered list styling with CSS
    <ul>
    <li>item 1</li>
    <li>item 2</li>
    <li>item 3</li>
    <li>item 4</li>

</ul>
</body>

和CSS：

ul{
   float:left;
}
li {
  list-style: circle;
  list-style-position: inside;
  margin-top:8px;

}
li:after{
    border-top:1px solid red;
    display:block;
    content:"";
    margin-top:-8px;
}

如何击中列表中的子弹

1 个答案: