CSS에서 클래스와 ID의 차이점.

CSS에서 요소의 속성은 종종 전문가와 아마추어 사이에 논쟁의 대상이 됩니다. 둘 중 하나를 적용해야 하는지 여부, 동일한 결과로 얼마나 편리한지, 어떤 코드가 더 저렴하고 더 정확할 것인지, 클래스 및 id 속성에 영향을 미치는 것을 포함하여 이러한 질문이 지속적으로 논의됩니다.

정의

Div 클래스 - 클래스에 할당하는 요소의 속성입니다.

Div id 은 요소를 고유하게 식별하는 요소의 속성입니다.

비교

CSS에서 class와 id의 차이는 기본적으로 고려하지 않고 저자의 편향에 따라 사용하는 경우가 많다. class와 id의 주요 차이점은 첫 번째는 여러 요소에 제공될 수 있고 두 번째는 고유하며 페이지의 한 요소에 할당된다는 것입니다. div id를 사용하면 div 클래스를 사용할 때 발생하는 다중 레벨 중첩을 피할 수 있습니다.

또한 id 속성은 클래스와 달리 앵커 링크에 사용할 수 있습니다. 닻. 또한 id가 class와 동시에 지정되면 CSS 테이블에서 id가 우선합니다. 후자는 차례로 단일 요소에 여러 클래스를 적용할 수 있습니다. 클래스 이름은 공백으로 구분하여 작성할 수 있으며 식별자는 이러한 호출을 의미하지 않습니다. id의 또 다른 장점은 document.getElementById() 함수를 사용하여 이 속성으로 코드에서 요소를 검색할 수 있다는 것입니다.

결론 TheDifference.ru

  1. Div 클래스 - 요소에 클래스 할당, div id - 식별합니다.
  2. 클래스는 여러 요소에 할당되며 id는 페이지에서 고유합니다.
  3. 하나의 요소는 클래스를 통해 여러 클래스를 할당할 수 있으며 하나의 id만 할당할 수 있습니다.
  4. CSS에서 우선순위는 id로 유지됩니다.
  5. id 속성을 사용하여 코드에서 검색하는 것이 더 쉽습니다.
.