CSS Selector

특정 엘리먼트에 스타일을 적용하기 위해서는 해당 엘리먼트를 잘 찾아야 한다.

엘리먼트를 쉽고 빠르게 찾을 수 있는 CSS Selector 문법을 알아보자.

먼저 elemet에 style을 지정하기 위해서, 3가지 기본 선택자를 사용할 수 있다.

tag, id, class

tag로 지정할 때는 그냥 태그 이름을 써서 style을 지정하면 된다.

아래는 span태그의 style을 지정한 예 이다.

이런식으로 적용하게 되면 위의 예시에서는 span이 하나밖에 없지만 span이 여러개가 있는 경우에도

동일하게 모두 style이 지정된다.

다음은 id와 class를 통해 style을 지정하는 방법이다.

id와 class도 역시 동일한 id와 class를 가진것들이 여러가지가 있다면 

일괄적으로 style이 적용된다.

그 외에 CSS Selector의 다양한 활용에 대해서도 알아보자.

출처 : edwith

https://www.edwith.org/boostcourse-web/lecture/16676/