HTML 및 CSS에서 순서 목록 사용자 정의
순서 목록은 정보를 순차적으로 표시하는 데 유용한 도구입니다. 그러나 기본 스타일에는 각 숫자 뒤에 마침표가 포함되는 경우가 많으며 이는 항상 바람직하지 않을 수 있습니다. 이 문서에서는 정렬된 목록을 사용자 정의하고 마침표 구분 기호를 제거하는 방법을 살펴봅니다.
마침표 없이 정렬된 목록 생성
전통적으로 정렬된 목록에서 마침표를 제거하려면 각 숫자에 대한 사용자 정의 클래스와 list-style-image 속성을 사용합니다. 그러나 우아하고 의미 있는 CSS 전용 솔루션이 존재합니다.
<code class="css">ol.custom { list-style-type: none; margin-left: 0; } ol.custom > li { counter-increment: customlistcounter; } ol.custom > li:before { content: counter(customlistcounter) " "; font-weight: bold; float: left; width: 3em; } ol.custom:first-child { counter-reset: customlistcounter; }</code>
이 솔루션은 CSS 카운터와 :before 의사 요소를 사용하여 사용자 정의 번호 매기기를 생성합니다. 기본 글머리 기호 또는 번호를 제거하려면 list-style-type 속성을 none으로 설정합니다. counter-reset 속성은 카운터가 1부터 시작하도록 보장합니다.
브라우저 호환성
이 솔루션은 :before 의사 선택기에 의존한다는 점에 유의하는 것이 중요합니다. IE6 및 IE7에서는 지원되지 않습니다. 이러한 브라우저의 경우 추가 CSS 규칙을 추가할 수 있습니다.
<code class="css">ol.custom { *list-style-type: decimal; /* targets IE6 and IE7 only */ }</code>
이 규칙은 사용자 정의 스타일을 재정의하고 IE6 및 IE7이 기본 번호 목록을 표시하도록 합니다.
위 내용은 HTML 및 CSS의 순서 목록에서 마침표를 제거하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

우리는 응용 프로그램 데이터를 추적하기 위해 상태를 사용합니다. 사용자가 응용 프로그램과 상호 작용함에 따라 상태가 변경됩니다. 이런 일이 발생하면 상태를 업데이트해야합니다

NetLify에는 사용자 정의 도메인에 대한 자체 문서가 있으므로이 물건에 대한 말의 입술 기술 문서를 찾고 있다면

Yonatan Doron은 얼마 전 "코드의 예술 - 더 많은 의사 코드를 작성 해야하는 이유"라는 매체에 게시물을 썼습니다. 의사 코드의 팬으로서 그 제목을 좋아하십시오

우리는 웹 팩과 NPM 스크립트 시대에 살고 있습니다. 좋든 나쁘 든 그들은 롤업, JSPM 및 Gulp의 비트와 함께 번들링 및 작업 실행의 리드를 차지했습니다. 하지만

2018 년 9 월, 나는 웹 개발을 배우는 데 몇 달 밖에 걸리지 않았습니다. 많은 새로운 개발자들의 경우에 나는 확실히 큰 일이었습니다.


핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

MinGW - Windows용 미니멀리스트 GNU
이 프로젝트는 osdn.net/projects/mingw로 마이그레이션되는 중입니다. 계속해서 그곳에서 우리를 팔로우할 수 있습니다. MinGW: GCC(GNU Compiler Collection)의 기본 Windows 포트로, 기본 Windows 애플리케이션을 구축하기 위한 무료 배포 가능 가져오기 라이브러리 및 헤더 파일로 C99 기능을 지원하는 MSVC 런타임에 대한 확장이 포함되어 있습니다. 모든 MinGW 소프트웨어는 64비트 Windows 플랫폼에서 실행될 수 있습니다.

SublimeText3 영어 버전
권장 사항: Win 버전, 코드 프롬프트 지원!

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

Eclipse용 SAP NetWeaver 서버 어댑터
Eclipse를 SAP NetWeaver 애플리케이션 서버와 통합합니다.

PhpStorm 맥 버전
최신(2018.2.1) 전문 PHP 통합 개발 도구
