css id와 클래스의 차이

ID 선택자

HTML  문서의 요소 중 같은 요소라도 각기 다른 이름을 지정하여 따로 속성을 부여할 수 있습니다.

HTML 요소에 id로 이름을 붙일 때에는 유일한 이름을 부여해야 합니다. 다른 요소에 같은 id명을 또 주어서는 안됩니다.

css에서는 id선택자 앞에 '#'dmf 붙여야 합니다. id명이나 class명은 숫자로 시작할 수 없으며, 주로 영문자로 시작합니다.

See the Pen css id by ture403 (@ture403) on CodePen.

CLASS 선택자

HTML 문서의 여러 요소 중 같은 이름을 갖는 요소들만 모아 따로 속성을 부여할 수 있습니다. HTML 요소에 이름을 부여할 때에는 class로 이름을 붙입니다. 즉, 여러 개의 요소에 같은 class명을 부여할수 있습니다. 또한 하나의 오쇼에 여러 개의 class명을 부여할 수도 있습니다. css에서는 class 선택자 앞에 '.'을 부여야 합니다.

See the Pen Untitled by ture403 (@ture403) on CodePen.

CLASS 와 ID 차이점

클래스와 아이디의 차이점은 클래스는 여러개를 사용할 수 있지만 아이디는 고유성을 가지므로 한 문서에 한번만 사용할 수 있습니다.우선순위 id>class>태그순으로 적용 됩니다.

See the Pen Untitled by ture403 (@ture403) on CodePen.