CSS 재설정 후 목록 항목이 마커 기호 없이 표시됩니다.

Question

그래서 내 문제는 내 CSS 파일 base.css의 무언가로 인해 ol 및 ul 태그에 글머리 기호나 1, 2 등이 표시되지 않는다는 것입니다.

파일 코드는 다음과 같습니다.

으아아아

이 문제를 해결하는 데 도움을 주시고 ol과 ul을 수정할 수 있는 것이 무엇인지 알려주세요

코드를 찾아보았으나 아무것도 나오지 않았습니다..

이것이 문제의 원인인지 확인하기 위해 CSS 파일을 삭제했는데,

css 파일인 base.css를 삭제하면 정상적으로 표시되고 ol, ul 태그에 이전 글머리 기호와 개수가 표시됩니다.

EDIT: ol 및 uls의 유일한 클래스는 상위 div .container입니다. 검사관에서 확인했는데 li가 list-item

로 표시됩니다.

Answer 1

ol 및 ul 태그에 글머리 기호와 숫자가 표시되지 않는 문제는 페이지의 모든 요소에 대해 목록 스타일 속성이 없음으로 설정되어 있기 때문에 발생할 수 있습니다. base.css 파일에 다음 코드를 추가하면 이런 일이 발생합니다:

으아악

이 문제를 해결하려면 이 코드를 제거하거나 ol 및 ul 태그에 특정 규칙을 추가하여 기본 글머리 기호 또는 번호를 표시할 수 있습니다. 예를 들어 base.css 파일에 다음 코드를 추가할 수 있습니다.

으아악

이렇게 하면 ol 및 ul 태그의 목록 스타일 속성이 초기 값으로 설정되며 기본적으로 글머리기호 또는 숫자가 표시됩니다.

Answer 2

문제는 글머리 기호가 ul / ol 요소의 패딩에 나타나고 모든 패딩을 제거하는 전역 규칙이 있다는 것입니다.

으아악

즉, 렌더링 대기열에 있는 동안 0px넓은 영역에 렌더링되므로 표시되지 않습니다.

---

글머리 기호가 표시되지 않는 다른 이유가 있지만(예: li 标签的 display 类型已从 list-item 更改为> 到其他东西，或者因为 list-style 규칙이 명시적으로 글머리 기호를 숨기기 때문에) 이 중 어느 것도 현재 보고 있는 상황에는 적용되지 않습니다.

---

이 문제는 다음 두 가지 방법 중 하나로 해결할 수 있습니다.

• 페이지의 ul / ol 요소에 일정량의 패딩을 추가합니다. 예:

  으아악

• 패딩 영역이 아닌 이러한 요소 내에 표시되도록 글머리 기호를 설정하세요.

  으아악