[CSS]실행, 선택자 종류, 부모 자식 선택자, 가상클래스 선택자

<실행방법 2가지>

* style안에 작성하는 방법을 주로 사용한다

 

* 하나 작성하면 ;로 끝내야 한다

 

<선택자 종류>

: 태그 선택자

: id 선택자 : id값은 중복 불가, 고유번호같은거다

☞ id-> #을 이용해 사용

: class 선택자 == 그룹핑, 여러번등장

☞  class -> .을 이용해 사용

☞ 같은태그 뿐만 아니라 서로다른 태그의 class값이 같은것들은 같은 효과를 적용할 수 있다

* *는 웹페이지의 모든 선택자를 가르킨다

 

 

<부모 자식 선택자>

☞ ul밑에 li에 적용 == 부모 자손

☞ lecture 바로밑에 li에 대해서만 적용 == 부모 자식

☞ , 사용해 여러개 태그에 적용

 

 

* 선택자 공부

https://flukeout.github.io/

CSS Diner

 

<가상 클래스 선택자>

: a태그에 active되어있는 태그를 가리킴

클릭동작, active동작시 초록색으로 바뀜

* 동급이면 css는 뒤쪽을 실행 => 순서 바꾸면 됨

* focus는 가장 뒤에 놓는것이 좋음