无法让我的 link 颜色与圆一起使用

Question

我已设置以下内容以在我的 <li> 项中生成圈子

li {     list-style: circle; color: #fcbf00; }

但是它不显示颜色。我该如何解决这个问题？

发帖 link 展示我的完整 CSS: http://pastebin.com/1h7YyGqW

Answer 1

由于 * 选择器的边距设置，您看不到项目符号。

向正文容器添加填充或边距或将 list-style-position 设置为 inside

.ul1 li {
  list-style: circle outside;
  color: red;
}
.ul2 li {
  list-style: circle inside;
  color: green;
}
.ul3 {
  padding: 0 2em;
}
.ul3 li {
  list-style: circle outside;
  color: blue;
}
* {
  margin: 0;
  padding: 0;
}


body {width: 200px;}

<h2>Outside list</h2>
<ul class="ul1">
  <li>Lorem ipsum dolor sit amet, consectetur.</li>
  <li>Id nesciunt, provident! Ullam, voluptate, ipsum!</li>
  <li>Blanditiis voluptatibus deleniti amet. Assumenda, praesentium.</li>
</ul>
<h2>Inside list</h2>
<ul class="ul2">
  <li>Lorem ipsum dolor sit amet, consectetur.</li>
  <li>Voluptates tempora laudantium saepe voluptas placeat.</li>
  <li>Harum accusamus nihil consequuntur, hic repudiandae.</li>
</ul>
<h2>Outside list with padding</h2>
<ul class="ul3">
  <li>Lorem ipsum dolor sit amet, consectetur.</li>
  <li>Molestiae saepe minus, quod officia ducimus.</li>
  <li>Omnis nisi excepturi nobis neque. Unde.</li>
</ul>

Answer 2

重复。

Are you looking for something like this?

如果没有，也许您应该尝试使用 list-style-image

将图像设置为项目符号

无法让我的 link 颜色与圆一起使用

Can't get my link color to work with circle

css

styles

colors

html-lists