스타일 시트에서 * 선택기 사용 스타일을 재설정

Question

현재 나는 내 스타일 시트 상단에서 필요한 스타일을 재설정하고 있습니다.

html, body, div, fieldset, form, h1, h2, h3, h4, p, ul, li {
    margin: 0;
    padding: 0;
}

그러나 나는 사람들이 사용하는 것을 많이 보았습니다.

* {
    margin: 0;
    padding: 0;
}

그것은 일을 더 쉽게 만들어주는 것처럼 보이지만 다른 곳 (어디에서 기억하지 못합니다 ...) 나는 * 선택기를 사용하는 것이 성능에 심각한 영향을 미친다는 것을 읽었습니다.

사실, 셀렉터의 긴 목록 (예제에는 선택기가 몇 개 있고 더 많을 수 있음)이 * 선택기보다 훨씬 더 잘 수행되며 * 선택기에 대한 다른 단점이 있습니까?

Answer 1

나는 한 번 벤치마킹을 실행했고 *{} 재설정은 리셋보다 느리게 실행되지 않았다.

*{} 재설정의 주요 문제는 대부분의 브라우저의 입력 버튼의 패딩을 재설정하지만 즉, 패딩의 일부를 유지하여 버튼을 크로스 브라우저로 일관되게 스타일링하기가 매우 어렵다는 것입니다.

Answer 2

다음과 같은 표준 CSS 재설정 파일 중 하나를 사용하지 않겠습니까? 에릭 메이어S 또는 야후'에스?

Answer 3

을 통해 Google의 속도 추천, 와일드 카드 선택기는 매우 비효율적입니다. 또한, 앞으로는 상자가있을 수 있습니다. ~하지 않다 재설정되고 싶습니다. 각각을 개별적으로 명명함으로써 효율성과 제어를 모두 얻을 수 있습니다.