CSS구체성1 [HTML/CSS] CSS - 구체성, 상속, Cascading 9) 구체성 요소를 선택하는 데는 여러 방법이 있고, 서로 다른 선택자를 이용해 같은 요소를 선택할 수도 있다. 그렇다면 만약 같은 요소를 선택하는 서로 다른 규칙들이 상반된 스타일을 가지고 있다면 어떻게 표현이 될까? h1 { color: red; } body h1 { color: green; } 위 코드의 두 규칙은 모두 을 선택하게 되지만, 두 규칙 지정하는 스타일은 서로 다르다. 하지만 결국 에는 color: green이 적용되는데 이는 구체성과 연관이 있다. 선택자에는 어떤 규칙이 우선으로 적용되어야 하는지에 대해 정해진 규칙이 있는데, 이 규칙을 '구체성'이라 한다. 구체성은 선택자를 얼마나 명시적으로(구체적으로) 선언했느냐를 수치화한 것으로, 구체성의 값이 클수록 우선으로 적용된다. 0, 0.. 2020. 8. 10. 이전 1 다음
