html - スパンを使用せずに弾丸の色を変更するにはどうすればよいですか?

Question

重複の可能性：
スパンなしでリストの箇条書きの色を変更する

span class と image を使用せずにリストの箇条書きの色を変更することはできますか?

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>