如何在不使用跨度的情況下更改子彈的顏色？

Question

可能重複：
Change bullets color in a list without span

是否有可能改變一個列表中的子彈而不能使用跨類和形象？

HTML：

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

注：我不想<li>之間使用<span>英寸

Answer 1

據我所知，這是在不使用跨度的情況下爲子彈着色的方法。

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> 

Answer 2

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