Question

我正在为Wordpress中的客户建立一个网站，我希望将标准的黑色子弹点更改为不同的颜色。在他们的徽标中，他们有5种不同的粉色圆圈，所以他们希望他们的子弹点能够复制这个。即前5个子弹点是粉色的5种色调，然后重复。我怎样才能在整个网站上实现这一目标？

谢谢，贝基

Answer 1

你可以试试这个 -

＆＃13;

<ul><font color=#0000ff>  
        <li><font color="#9999">Some text </font> 
  <font color=#800080>  
        <li><font color="#9999">Some more text</font> 
  <font color=#0000ff>  
        <li><font color="#9999">Some more text</font> 
  <font color=#ffff00>  
        <li><font color="#9999">Some more text</font> 
  <font color=#00ff00>  
        <li><font color="#9999">Hey, some more text </font> 
  <font color=#ff8040>  
        <li><font color="#9999">Some more text </font> 
  <font color=#ff00ff>  
        <li><font color="#9999">Some more text</font> 
  <li><font color="#9999">Finally, some text</font>
  </li>
</ul>

＆＃13;

它有点基础，但我确定你需要什么，虽然它没有在循环中设置。

Answer 2

如果你想要一个模式nth-child，那么它可以让你选择跳过的数量和一个起点。

ul>li:nth-child(5n - 4) {
  color: red
}
ul>li:nth-child(5n - 3) {
  color: #ff0
}
ul>li:nth-child(5n - 2) {
  color: pink
}
ul>li:nth-child(5n - 1) {
  color: green
}
ul>li:nth-child(5n) {
  color: purple
}
ul>li>span {
  color: #000
}

<ul>
  <li><span>List Item 1</span>
  </li>
  <li><span>List Item 2</span>
  </li>
  <li><span>List Item 3</span>
  </li>
  <li><span>List Item 4</span>
  </li>
  <li><span>List Item 5</span>
  </li>
  <li><span>List Item 6</span>
  </li>
  <li><span>List Item 7</span>
  </li>
  <li><span>List Item 8</span>
  </li>
  <li><span>List Item 9</span>
  </li>
  <li><span>List Item 10</span>
  </li>
  <li><span>List Item 11</span>
  </li>
</ul>

我可以列出彩虹，也列出彩虹。

希望这会有所帮助： - ）

Answer 3

ok首先制作css并将其保存到wordpress的css编辑器中
像

＆＃13;

ul {  list-style: none;
padding:0;
margin:0;
}

.lired:before {
    content: "• ";
    color: red;            /* For Red*/
}

.lipink:before {
    content: "• ";
    color: pink;            /* For pink*/
}

＆＃13;

<ul>
<li class="lipink">ddwdw</li>
<li class="lired">ddwdw</li>

</ul>

＆＃13;

不同颜色的重复子弹点

3 个答案: