결합자
-
CSS Combinators(결합자) :: 마이구미HTML, CSS 2019. 4. 4. 20:02
이 글은 CSS 의 결합자(Combinators) 에 대해 다룬다. 각 결합자를 단순한 예제가 아닌, 실제로 많이 사용하고, 활용할 수 있는 예제를 통해 진행한다. 본인은 부끄럽게도 최근 들어서야, 모든 결합자를 사용하고 있다. 혹시나 특정 몇개만 사용하거나, 각 용도를 구분해서 사용하지 않고 있다면, 도움이 될 것이다. 우선 결론적으로, 이 글을 작성하게 된 이유는 인접 형제 결합자와 일반 형제 결합자 때문이다. CSS 구문에 있어, 크게 선택자와 결합자로 분류할 수 있다. CSS 선택자는 스타일을 적용시키기 위한 HTML 요소를 선택할 수 있다. h1 {...} #app {...} .container {...} input[type="text"] {...} 위와 같은 정해진 규칙(선택자)을 통해 우리는..