본문 바로가기
반응형

CSS선택자2

CSS 선택자 part. 2 - 인접 선택자, 직계자손 선택자, 속성 선택자 인접 선택자, 직계 자손 선택자, 속성 선택자 이전 포스팅에서는 ID 선택자, Class 선택자, 자손 선택자에 대해서 살펴보았습니다. CSS 선택자 part. 1 - ID 선택자, Class 선택자, 자손 선택자 CSS 선택자 part. 1 - ID 선택자, Class 선택자, 자손 선택자 ID 선택자, Class 선택자, 자손 선택자 CSS 기능을 가지고 스타일링을 하는 단계로 접어들면, 선택자(Selector)라는 낯선 도구를 만나게 됩니다. 그런데 이 선택자들은 HTML 요소들에 대한 핸들링을 매 kincoding.com 이번 포스팅에서는 더 재미있는 형태로 사용할 수 있는 인접 선택자, 직계 자손 선택자, 속성 선택자들에 대해서 각각 비교해보고 정리를 해보도록 합시다. 물론 이들은 part. 1.. 2023. 1. 19.
CSS 선택자 part. 1 - ID 선택자, Class 선택자, 자손 선택자 ID 선택자, Class 선택자, 자손 선택자 CSS 기능을 가지고 스타일링을 하는 단계로 접어들면, 선택자(Selector)라는 낯선 도구를 만나게 됩니다. 그런데 이 선택자들은 HTML 요소들에 대한 핸들링을 매우 편리하게 만들어주는 중요한 것들이죠. 낯설다고 그냥 넘어가지 말고, 이 참에 각각 비교해보고 정리를 해보도록 합시다. 아이디 선택자(ID Selector) 아이디 선택자는 CSS에서 가장 기본이 되는 선택자입니다. 선택자 우선 순위가 가장 높기도 하고 id는 웹문서에 1개만 존재할 수 있다는 점 때문에, 프론트 엔드 개발을 하면서 가장 빈번하게 사용되는 CSS Selector가 됩니다. 사용법은 다음과 같습니다. KINcoding 클래스 선택자(Class Selector) 클래스 선택자 또.. 2023. 1. 18.
반응형