CSS 선택자

CSS 선택자

조합,그룹,가상

상속

상속은 스타일이 상속되어 부모에게서 자식에게도 같은 스타일이 적용된다

하지만 위의 코드처럼 자식인 본인에게 해당 속성을 갖고 있다면
본인 스타일이 적용된다

그룹

여러 요소에 같은 스타일을 적용하고 싶을 때 적용된다
원하는 선택자를 쓰고 쉼표(,)로 구분지어 지정할 수 있다

이처럼 한번에 변경할 수 있어 유지보수에 편리하다는 점이 있다

조합

부모와 자식 선택자는 한칸 띄워쓰기를 해야한다

선택자가 서로 스페이스로 띄워져있다는 것을 주의하자
단, 하나의 요소에서 id와 class를 쓸때에는 띄워쓰기를 하지 않는다

CSS 적용 우선 순위

p-tag 는 p태그도 포함 되기 때문에 어떤 css가 영향을 받을까🤨
바로 class가 우선순위로 적용되었다

우선순위를 살펴보자
1. inline styling: 1000점
- (ex. <p style=”font-size: 30px;”>inline styling으로 CSS 적용</p>)
2. id: 100점
3. class: 10점
4. tag: 1점

tag < class < id < inline css