클래스와 ID를 사용하기위한 적절한 상황은 무엇입니까?

Question

이것은 조금 까다로운 질문처럼 보일지 모르지만, 나는 그것이 다소 중요하다고 느낄 수 있습니다. 그리고 이것에 대한 명확한 설명이 필요합니다. (많은 정보를 찾을 수없는 것 같습니다.)

우리는 할 더 나은, 왼쪽 수레 상자, 검은 색, 흰색 텍스트가 원하는 :

<div id="random-box">This is some content</div> 

과 같은 CSS 있습니다

#random-box { float: left; background-color: #000; color: #fff; } 

또는 더 나은을하는 것입니다 :

<div class="float-left random-box">This is some content here</div> 

(210)과 같은 CSS를 가지고 :

.float-left { float: left; } 
#random-box { background-color: #000; color: #fff; } 

내가 항상 마지막 덜 CSS 거기에 더 나은 때문이라고 추론 (예를 들어, 왼쪽으로 떠 다니는 것은 "float-left"클래스를 가질 수 있습니다. 이것은 다양한 항목에 대해 "float : left"를 반복 할 필요가 없음을 의미합니다.) 단점은 때때로 꽤 긴 CSS 클래스로 끝나는 것입니다. . .

내가 맞으면 어떤 경우에 ID를 사용해야합니까? 더 중요한 것은이 이슈를 다루는 유용한 웹 사이트 기사가 있습니까?

또는이 경우에는 문제가되지 않으며 일반적으로 괜찮습니까?

Answer 1

얼마 지나지 않아 코딩 할 때 주로 철학으로 OOCSS을 사용했습니다.

나는 토끼를 쓸 수는 있었지만, 많은 사람들이이 질문을 보게 될 것입니다. 위의 링크는 위의 질문과 같은 질문에 훌륭한 출발점을 제공합니다.