仅在将鼠标悬停在列表项上时列出样式类型。

Question

如何制作list-style-type：square;只有当我将鼠标悬停在其中一个列表项上时才会出现？

要清楚我想要list-style-type：none;除非我徘徊在其中一个列表项上。

Answer 1

FIDDLE

HTML

<ul>
    <li>Item</li>
</ul>

CSS

li{
    list-style-type:none;
}
li:hover{
    list-style-type:square;
}

Answer 2

使用

    li{
        list-style-type:none;
    }
    li:hover{
        list-style-type:square;
    }

Answer 3

你可以尝试

li { list-style-type: none; }
li:hover { list-style-type: square; }