2011-01-26 3 views
1

요소에 CSS 클래스 (이름)를 선택하는 가장 좋은 방법은 무엇입니까?CSS 요소를 의미 또는 외양으로 분류 하시겠습니까?

a) 이름이 무엇인지 (이 예에서는 예약 링크)하고 CSS에서 동일한 모양을 가진 모든 클래스를 그룹화해야합니까?

<a href="booking.html" class="bookingLink">Book this course!</a> 
CSS와

:

a.bookingLink, a.otherLink, a.someLink { color: red; font-weight: bold } 

B) 또는 차라리 그것이 어떻게 생겼는지 후 이름을해야합니까? CSS와

<a href="booking.html" class="boldLink">Book this course!</a> 

는 :

a.boldLink { color: red; font-weight: bold } 

나는 현재 자신을 동일하게 보여야 링크 더 많은 클래스를 추가 찾을 수 있지만, 다른 의미를 가지고있다. 물론 CSS의 변경도 필요합니다.

한편 특정 유형의 링크 모양을 변경하려는 경우 CSS를 통해 모양을보다 유연하게 변경할 수 있습니다. (예 : 예약 링크 만)

원하는 방법은 무엇입니까?

+0

나는 스타일을 모방 한 여러 클래스를 만드는 것을 선호합니다. 이 경우에는 .FontBold {font-weight : bold} .ColorRed {color : red}가됩니다. 그런 다음 두 클래스를 모두 요소에 적용합니다. 아마 모범 사례는 아니지만 나를 위해 일합니다. – Malk

답변

3

가능한 경우 클래스 이름을 의미 론적으로 유지하는 것이 가장 좋습니다.

내가 작성해야하는 코드의 양을 늘리면 어디에서 왔는지 알 수 있습니다.

다음은이 문제에 대한 W3C의 기사입니다. 대부분의 경우 가이드 라인을 지키려고 노력합니다.

http://www.w3.org/QA/Tips/goodclassnames

는 당신이 읽을 수있는 일관되고 유지 보수 코드를 지킬 때 나는 자신 만의 스타일을 조금이 해치지 않을 수 있다고 생각합니다.

관련 문제