Selector
-
선택자 (selector)프론트엔드/CSS 2020. 8. 23. 20:56
1. 선택자란? 기존 HTML 스타일링은 HTML 문서 내에서 이뤄졌고 태그 내에 일일히 스타일링을 적용해야했다. 하지만 CSS가 등장하면서 태그에 대한 접근법이 달라졌다. CSS 문서를 외부에 만들거나 div 태그입니다. div 태그입니다 - 1 div 태그입니다 - 2 div 태그입니다 - 3 클래스 선택자 스타일 적용하려는 태그에 class 값을 준 뒤 해당 클래스 값을 선택자로 지정할 수 있다. 해당 클래스 값을 선택자로 지정할 땐 앞에 점 ( . )을 찍어줘야 한다. 클래스는 동일한 값을 여러 태그에 적용할 수 있다. 그래서 성격 등이 비슷한 태그는 하나의 클래스로 묶어서 스타일 적용이 가능하다. .class 명 { 속성 : 속성값 } 안녕하세요! id 선택자 스타일을 적용하려는 태그에 id값을..