在设置列表样式后将项目符号添加回列表:none;全球

Question

全局应用list-style:none;后，如何将项目符号添加回列表？

Answer 1

向列表中添加一个类，如with-bullets，并将该类的list-style设置为circle。

例如

CSS

.with-bullets {list-style:circle}

HTML

<ul class="with-bullets">
    <li>Value 1</li>
    <li>Value 2</li>
</ul>

使用list-style还可以做很多其他事情：http://www.w3schools.com/cssref/pr_list-style.asp

Answer 2

您可以使用pseudo css来设置列表样式的样式，这不会影响li样式，并且您可以像我做一样为li提供任何样式

演示-http://jsfiddle.net/victor_007/sbmam1vj/5/

为要更改样式的ul添加一个类

目前我使用star作为列表样式，你可以使用任何

ul.line-legend {
  list-style: none;
}
.line-legend li {
  position: relative;
}
.line-legend li:before {
  content: "2605";
  color: black;
  font-size: 12px;
  top: 0;
  position: absolute;
  left: -19px
}

<ul class="line-legend">
  <li>one</li>
  <li>two</li>
</ul>

Answer 3

有很多方法可以覆盖css，其中有两种：

选项1：内联css

<ul style="list-style:circle">
    <li>Value 1</li>
    <li>Value 2</li>
</ul>

选项2：使用！重要的
html：

<ul class="list">
    <li>Value 1</li>
    <li>Value 2</li>
</ul>

css：

.list{
    list-style:circle !important;
}