<CSS>제외선택자와 상속

1. 제외선택자

선택자:not(제외내용) {}

1) 기본 HTML 

2) ex2 제외하고 빨간색 입히기

3) ex2, ex3 제외하고 빨간색 입히기 

* 선택자에서 띄어쓰기는 자식태그를 의미하므로 띄어쓰기를 쓰면 안된다. 

연속하여 제외선택자 사용 가능 

제외선택자 안에 nth선택자 사용 가능

*div 지우고 해도 된다. 다만 명시성이 낮아짐

*

.exam div {color : red; }

.exam .ex2 {color : black;}

과 같은 효과 

2. 상속 : 부모로부터 물려받는 속성 

* 상속되는 속성과 상속되지 않는 속성으로 나뉜다.

1) 기본 HTML

.grand 에 속성 부여-> (mother->)child와 father에게 상속

 

.mother에 속성 부여 -> child에게 상속

* grand에게 받은것 무시. 가장 가까운 부모로부터 받은것이 우선순위가 높다

inherit 상속값 :  이전에 지정한 상속값 무시하고 상속받는다고 다시 명령

.child에 속성부여

* 상속 되는 속성과 안되는 속성은 공부하다 보면 감이 잡힌다. 

* 상속을 이용해서 코드를 작성하면 line이 줄어서 더욱 효율적이게 된다. 

* 상속은 자연스럽게 이루어지기 때문에 주의해야 한다 

*class를 사용하는게 좋고 상속을 효율적으로 이용하면 더 좋다. 

`