html - 如何在不使用跨度的情况下更改子弹的颜色？

Question

可能重复：
在没有跨度的列表中更改项目符号颜色

是否可以在不使用 span 类和图像的情况下更改列表中的项目符号颜色？

html:

<ul>
    <li>java</li>
    <li>oracle</li>
    <li>php</li>
    <li>mysql</li>
</ul>

注意：我不想<span>在<li>.

Answer 1

li:before {
    content: "• ";
    color: red; /* or whatever color you prefer */
}

Answer 2

据我所知，这是在不使用跨度的情况下为子弹着色的方法。

CSS：

li {
          list-style: none;
        }

        li:before {
          /* For a round bullet */
          content:'\2022';
          /* For a square bullet */
          /*content:'\25A0';*/
          display: block;
          position: relative;
          max-width: 0px;
          max-height: 0px;
          left: -10px;
          top: -0px;
          color: red;
          font-size: 20px;
        }

html:

<ul>
        <li>java</li>
        <li>oracle</li>
        <li>php</li>
        <li>mysql</li>
      </ul>