728x90
반응형
선택자
선택자란 CSS로 UI의 어느 부분을 디자인 할지, 즉 표현할 대상이 디는 부분을 말합니다.
id 선택자
HTML 문서의 요소 중 같은 요소라도 각기 다른 이름을 지정하여 따로 속성을 부여할 수 있습니다.
HTML 요소에 id로 이름을 붙일 때에는 유일한 이름을 부여해야 하며, 다른 요소에 같은 id명을 또 주어서는 안됩니다.
CSS에서는 id 선택자 앞에 '#'을 붙여야 합니다. id명이나 class명은 숫자로 시작할 수 없으며, 주로 영문잘 시작합니다.
class 선택자
HTML 문서의 여러 요소 중 같은 이름을 갖는 요소들만 모아 따로 속성을 부여할 수 있습니다.
HTML 요소에 같은 이름을 부여할 때에는 class로 이름을 붙입니다.
즉, 여러 개의 요소에 같은 class명을 부여할 수 있습니다.
또한 하나의 요소에 여러 개의 class명을 부여할 수도 있습니다.
CSS에서는 class 선택자 앞에 '.'을 붙여야 합니다.