CSS 범위 및 코딩/명명 가이드

Question

다른 페이지가 많은 큰 웹 사이트가있는 경우 CSS가 많고 큰 스타일의 파일 (페이지로드 성능을 향상시키는 단일 파일이 필요함) CSS에서 볼 수있는 한 가지 문제는 범위가없고 한 스타일이 다른 스타일을 방해 할 수 있습니다. 한 곳에서 정의 된 한 스타일은 그 뒤에 정의 된 다른 모든 스타일에 영향을 줄 수 있습니다. 내 CSS 파일에있는 경우

이

p a { 
     style-values-X 
} 

.whatever a { 
    style-values-Y 
} 

제 1 호 양식 실수로 코딩하는 방법입니다 무슨

<p> 
    ...   
    <div class="whatever"> 
    ... 
      <a href="…"> /* this will end with style-values-X + style-values-Y */ 
    ... 
    </div> 
    ... 
</p>  

같은 HTML을에 영향을 줄 수 있습니다 나를 예를 들어 내 질문을 설명하게 각 HTML 페이지에 대한 CSS 파일, 스타일 클래스에 대한 긴 이름이 없어도 문제를 피하십시오 ...?

CSS 클래스를 구성하거나 이름을 지정하기위한 코딩/명명 가이드 라인 문서가 있습니까?

Answer 1

CSS로 작업 할 때 일반적으로 시작하여 더 자세하게 설명합니다. 계단식 부분은 쉽게 활용할 수 있습니다.

CSS 특이성 : 또한이 멋진 링크 http://www.htmldog.com/guides/cssadvanced/specificity/

(당신이 스타 워즈 팬이라면) : http://www.stuffandnonsense.co.uk/archives/css_specificity_wars.html