Span 요소를 사용하지 않고 HTML 목록의 글머리 기호 색상을 변경하는 방법은 무엇입니까?

범위 요소 없이 HTML 목록에서 글머리 기호 색상을 수정하는 방법

특정 시나리오에서는

내에 요소를 추가하지 않은 HTML 목록 태그. 다음은 범위 사용을 피하는 독창적인 솔루션입니다.

이를 달성하려면 :before 의사 요소를 활용하세요.

li {
  list-style: none;
}

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

이 방법은 기본 글머리 기호 스타일을 제거하고 새 글머리 기호를 만듭니다. :before를 통해. IE8, Firefox, Chrome을 포함한 주요 브라우저를 지원하여 모양과 색상 측면에서 유연성을 제공합니다.

위 내용은 Span 요소를 사용하지 않고 HTML 목록의 글머리 기호 색상을 변경하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!