클래스 선택기 클래스와 식별자 선택기 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를 사용하세요.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
