아래 코드가 보이나요? list-style:none이 작동하지 않는 이유는 무엇인가요?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
body{
list-style:none;
}
</style>
</head>
<body>
<ul>
<li>
aaaaaa
</li>
<li>
bbbbbb
</li>
</ul>
</body>
</html>ul의 기본 레벨만큼 높지는 않습니다.
왜 본체에 장착해야 하나요?
본체에 설정하면 후속 ul은 이 본체의 설정을 상속합니다. 상속된 항목은 해당 본체에 포함된 속성으로 덮어쓰여집니다.
참 복잡한 질문이네요~
이렇게 이해하면 될까요?
ul의 기본 스타일은 내부 스타일 시트
와
priority에 속하는 head 태그의 인라인 스타일 시트 body{...}에 속합니다. 인라인 스타일시트의 경우
반영되지 않을 경우 div에 CSS 스타일로 추가하는 것이 가장 안정적이며, 이론적으로는 상속이 가능합니다. 본문의 요소별로 다르지만 CSS에서 상속된 권한이 가장 낮으므로 UL 자체 기본 스타일로 덮어쓰게 됩니다. 이러한 코드는 일반적으로 UL
ul{
list-style:none;
}위 내용은 CSS의 list-style:none이 작동하지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
