이 글을 읽고 나면 모든 사람이 CSS 스타일의 클래스 선택기와 ID 선택기의 차이점을 이해하게 될 것입니다.

클래스 선택기 클래스와 식별자 선택기 ID를 사용하여 자신만의 선택기를 정의할 수 있습니다.

동일한 HTML 요소라도 클래스나 ID에 따라 다르게 표현할 수 있다는 장점이 있습니다.

CSS에서는 클래스 선택자 앞에 영문 반각 마침표(.)가 붙고, id 앞에는 영문 반각 기호(#)가 붙습니다.

은 다음과 같습니다:

#top { background-color: #ccc; padding: 1em } .intro { color: red; 연결은 id 및 class 속성을 사용합니다. 이렇게:

초콜릿 카레

순수하게 초콜릿으로 카레를 만드는 저의 레시피입니다

으으으으으으으으으으으으으으으

id와 class의 차이점은 id는 고유 요소에 사용되는 반면 class는 두 개 이상의 요소에 사용된다는 점입니다.

또한 HTML 선택기를 앞에 배치하여 특정 HTML 요소에 선택기를 적용할 수 있으므로 p.jam { everything }은 "jam" 클래스가 있는 단락에 적용됩니다.


ID 이름은 일반적으로 페이지에서 고유하게 정의되므로 CSS를 가장 필요한 부분에 재사용할 수 있도록 페이지에서 CSS를 정의할 때 일반적으로 클래스를 사용하는 것이 좋습니다. HTML 요소 등에 JavaScript를 사용하세요.