`` 또는 `` 태그를 사용하지 않고 HTML 목록 글머리 기호에 색상을 지정할 수 있습니까?

범위 없이 HTML 목록 글머리 기호 색상화

질문:

HTML 목록의 글머리 기호 색상을 범위 없이 수정할 수 있나요? 과 같은 요소를 추가합니다. 또는

태그?

답변:

예, li:before 의사 요소를 사용하여 이를 달성할 수 있습니다:

li {
  list-style: none;
}

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

<ul>
  <li>foo</li>
  <li>bar</li>
</ul>

이 기술에는

강요. 그러나 특정 제한 사항이 있습니다.

• 지원되는 브라우저: IE8 이상, Firefox, Chrome
• 글머리 기호 스타일은 유니코드 문자로 제한됩니다

위 내용은 `` 또는 `` 태그를 사용하지 않고 HTML 목록 글머리 기호에 색상을 지정할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!