스팬을 사용하지 않고 글 머리 색을 어떻게 변경합니까?

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 */ 
}