CSS 스타일을 구현하는 가장 좋은 방법은 무엇입니까?

Question

내 페이지에 대부분의 CSS 스타일을 구현하는 최선의 방법을 결정하려고합니다. 내가 인식 한이 방법은 다음과 같습니다

1) 각 클래스과 같이 대부분의 요소와 스타일 클래스 속성을 연결하려면 :

fieldset.MyForm { } 
legend.MyForm { } 

2) 클래스가 컨테이너 요소와 같은 스타일의 중첩 된 요소 속성을 연결하려면 그래서 :

두 가지 접근 방식 내 실험에서

.MyForm fieldset { } 
.MyForm legend { } 

:

1) 원치 않는 상속 또는 필요 t의 적은 기회, 더 정확한 것 같다 o 스타일을 작동시키기 위해 기존 클래스를 뒤엎지 만 스타일이 공유되지 않기 때문에 계속 재정의해야합니다.

2) 어디서나 클래스 속성을 정의 할 필요가 없으므로 백엔드의 관점에서 보면 더 우아합니다.하지만 클래스를 정의해야합니다. CSS의 특수성으로 인해 기존 스타일을 오버플로합니다.

코드 가독성/확장 성/유지 관리 측면에서 더 나은 접근 방법은 무엇입니까? 내가 찾지 못한 또 하나의 더 나은 접근법이 있습니까?

감사합니다.

Answer 1

컨테이너 요소에 클래스 속성을 첨부합니다.

자연스럽게 쓰지 마세요. 선택자를 각 속성이 아닌 계층별로 정의하는 것이 가장 좋습니다.