🔍 CSS selector

선택자 활용 예시. 이것만 이해하면 된다

.a div .b pre span{
background-color:yellow;
}  // a클래스 밑에 div 밑에, b클래스 밑에, pre클래스 밑에 span 태그에 적용 되는 css 

selector 들에게 중복으로 적용되는 요소가 있는 경우에, 우선순위를 정한다.

selector 표현마다 우선순위가 있고,

이 우선순위는 점수 계산으로 이루어진다.

CSS specificity (CSS 명시도) 라고 한다

• inline styling(style 요소로 직접 넣는 것): 1000점
• id: 100점
• class: 10점
• tag: 1점

근데 gap이 워낙 크고 class만으로도 충분히 나눌 수 있어서 잘 안나눈다. 보통 class 만 많이 씀

👪 Inheritance(상속), 그룹

상속은 부모 태그의 속성(color)에 영향을 받아서 변하는 것을 말한다. 하지만 본인의 요소(black)가 해당 속성(color)을 가지고 있으면, 본인의 스타일이 적용된다.

그룹은 그냥 한꺼번에 지정 가능하다는 걸 말한다.

.what-is-blockquote, span {
  color: green;
}