그래서 내 문제는 내 CSS 파일 base.css의 무언가로 인해 ol 및 ul 태그에 글머리 기호나 1, 2 등이 표시되지 않는다는 것입니다.
파일 코드는 다음과 같습니다.
으아아아이 문제를 해결하는 데 도움을 주시고 ol과 ul을 수정할 수 있는 것이 무엇인지 알려주세요
코드를 찾아보았으나 아무것도 나오지 않았습니다..
이것이 문제의 원인인지 확인하기 위해 CSS 파일을 삭제했는데,
css 파일인 base.css를 삭제하면 정상적으로 표시되고 ol, ul 태그에 이전 글머리 기호와 개수가 표시됩니다.
EDIT: ol 및 uls의 유일한 클래스는 상위 div .container입니다. 검사관에서 확인했는데 li가 list-item
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
ol 및 ul 태그에 글머리 기호와 숫자가 표시되지 않는 문제는 페이지의 모든 요소에 대해 목록 스타일 속성이 없음으로 설정되어 있기 때문에 발생할 수 있습니다. base.css 파일에 다음 코드를 추가하면 이런 일이 발생합니다:
으아악이 문제를 해결하려면 이 코드를 제거하거나 ol 및 ul 태그에 특정 규칙을 추가하여 기본 글머리 기호 또는 번호를 표시할 수 있습니다. 예를 들어 base.css 파일에 다음 코드를 추가할 수 있습니다.
으아악이렇게 하면 ol 및 ul 태그의 목록 스타일 속성이 초기 값으로 설정되며 기본적으로 글머리기호 또는 숫자가 표시됩니다.
문제는 글머리 기호가
으아악ul/ol요소의 패딩에 나타나고 모든 패딩을 제거하는 전역 규칙이 있다는 것입니다.즉, 렌더링 대기열에 있는 동안
0px넓은 영역에 렌더링되므로 표시되지 않습니다.글머리 기호가 표시되지 않는 다른 이유가 있지만(예:
li标签的display类型已从list-item更改为> 到其他东西，或者因为list-style규칙이 명시적으로 글머리 기호를 숨기기 때문에) 이 중 어느 것도 현재 보고 있는 상황에는 적용되지 않습니다.이 문제는 다음 두 가지 방법 중 하나로 해결할 수 있습니다.
페이지의
으아악ul/ol요소에 일정량의 패딩을 추가합니다. 예:패딩 영역이 아닌 이러한 요소 내에 표시되도록 글머리 기호를 설정하세요.
으아악