normalize css가 단일 글꼴 스타일을 방지합니다.

Question

CSS 재설정을 사용하고 있지만 목록 스타일 유형을 갖고 싶은 목록이 하나 있습니다. 내가 어떻게 할 수 있니, 정상화는 항상 내 스타일을 재편한다. CSS의 말에

js fiddel code

, 나는별로 목록 스타일을 시도하지만, 작동하지 않는 것입니다거야.

HTML

<ul class="disc"> 
         <li>You can draw!</li> 
         <li>You can drag&drop Images!</li> 
         <li>You can add text labels!</li> 
        </ul> 

CSS

.disc:li{ 
    list-style-type: disc; 
} 

.disc:ul{ 
    list-style-type: disc; 
} 

Answer 1

마커가 표시되도록 원래 패딩을 복원해야합니다. 예를 들면 :

ul.disc { 
    list-style: disc; 
    padding-left: 40px; 
} 

Fiddle. 이 reset 것보다 더 specific (요소 선택기 + 클래스)의로

이 규칙

는, reset 규칙을 위 또는 아래에 적용 여부 관계없이 적용됩니다 (수업을하지 않아도, 유일한 요소 선택기 +는 선택기 속성).

Answer 2

당신이 잘못 CSS를 사용하고 있습니다.
는 다음과 같은 단지 사용한다 : 당신은 리셋을 재정의해야

ul.disc { 
    list-style: disc; 
} 

Answer 3

. 코드에 실수가 있습니다. 그것은해야 하나이

.disc li{ 
    list-style-type: disc; 
} 

또는이

.disc { 
    list-style-type: disc; 
} 

(당신은 아마 모두 필요하지 않습니다하지만 리셋에 따라 달라집니다.)

를가 작동하지 않는 경우, 이 목록이 나타나는 컨테이너의 추가 클래스 또는 ID를 추가하는 것과 같이 규칙을 좀 더 구체적으로 지정해야합니다.