가치투자자

선택자 (Selector) 이 글은 선택자와 연장선에 있는 글이다. 선택자에 대해 아직 잘 모르겠다면, 아래의 글을 먼저 읽고 오자. https://valueengine.tistory.com/40 [CSS] 선택자 선택자 (Selector) 우리가 원하는 UI를 만들기 위해 HTML에 스타일(디자인, 레이아웃 등)을 적용해줘야 한다. 이때 HTML 문서에서 우리가 원하는 요소에만 CSS를 적용하기 위해 선택자(selector) 가 필요하 valueengine.tistory.com 3. 가상 클래스 선택자 (Pseudo-Class Selector) 우리가 어떤 요소에 스타일을 적용하기 위해 클래스를 만들 수 있다. 그러나 우리가 따로 만들지 않아도 존재하는 클래스가 바로 가상 클래스다. 가상 클래스 는 어..

선택자 (Selector) 우리가 원하는 UI를 만들기 위해 HTML에 스타일(디자인, 레이아웃 등)을 적용해줘야 한다. 이때 HTML 문서에서 우리가 원하는 요소에만 CSS를 적용하기 위해 선택자(selector) 가 필요하다. 먼저, 선택자에 CSS를 적용하는 방법부터 살펴보겠다. 예를 들어, h1 태그에 12px 크기의 빨간색 글씨로 CSS를 적용하고 싶을 때, 아래처럼 선택자 뒤에 {}를 써주고, 그 안에 우리가 원하는 스타일을 객체 형태(프로퍼티와 값)로 적어주면 된다. 1. 기본 선택자 1-1. 전체 선택자 (Universal Selector) HTML 문서 내의 모든 요소를 선택하는 선택자다. 별표(*) 로 모든 HTML를 선택할 수 있다. 아래 예시처럼 head 태그를 포함해 모든 요소에 ..