CSS: Specificity

부모 태그와 자식 태그 간의 관계를 이해한다

• 부모 태그에 부여된 스타일링은 동일하게 그 안의 자식 태그에게도 부여된다

• 만일 부모 태그와 자식 태그가 각각 다른 스타일을 갖고 있을 경우 아래와 같은 우선순위를 갖는다

tag <<<<< class <<<< id <<<<<< inline css

즉 가장 specific한 스타일이 가장 높은 우선순위를 갖는다

p.p-tag {
  color: gray;
}
p#third-line {
  text-decoration: underline;
}

위와 같이 태그+class, 태그+id의 조합도 가능하다