设置list-style后，将项目符号添加回列表：none;全球

Question

当我在全球范围内应用list-style:none;时，如何将项目符号添加回列表？

Answer 1

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

E.g。

<强> 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用于您可以使用任何内容的列表样式

＆＃13;

＆＃13;

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
}

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 3

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

选项1：内联css

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

选项2：使用！important
的 HTML ：

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

<强> CSS ：

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