css 우선순위2 HTML/CSS] CSS 우선순위는어떻게 정해지나요? 2탄 지난 시간에 이어서 CSS 우선순위 규칙에 대해서 알아보도록 하겠습니다. CSS 스타일이 여러개 적용된 경우 어떻게 우선 순위를 정해야하는지 이어서 살펴 보도록 하겠습니다. CSS의 우선순의를 결정하는 세가지 요소 2) 명시도 스타일이 여러개가 적용되면 당연히 충돌이 일어나겠죠? 그런데 그럼에도 불구하고 웹페이지는 에러를 쏟아내지 않습니다. 알아서 스타일의 우선순위에 따라 스타일을 적용했기때문입니다. 이번에는 스타일 적용 범위에 따라 우선순위를 정하는 '명시도'에 대해 알아보겠습니다. 명시도를 적용하면 범위가 작으면 작을 수록 우선 순위가 높아집니다. 인라인 스타일 > id 스타일 > 클래스 스타일 > 태그 스타일 예를 들어 id 선택자는 클래스 선택자나 태그 선택자보다도 명시도가 높습니다. 인라인 스타.. 2021. 5. 28. HTML/CSS] CSS 우선순위는어떻게 정해지나요? 1탄 CSS 우선순위 규칙 CSS는 Cascading Style Sheet의 줄임말입니다. Style Sheet는 이해가되지만 앞에 붙은 Cascading은 조금 의아하지 않나요? 오늘 배울 'CSS 우선순위 규칙'에 대한 힌트가 바로 여기 'Cascading'에 담겨있습니다. 'Cascading'은 '떨어지는 폭포'라는 뜻으로 위에서 부터 아래로 흐른다는 뜻입니다. 즉, 한 요소에 CSS 스타일이 여러개 적용되어 있을 때, 여러 스타일 중 위에서부터 아래로 우선 순위가 정해진다는 의미입니다. 어떤 상황인지 잘 아직 이해가 안가시죠? 예를 들어보겠습니다. 제가 웹페이지에 '안녕'이라는 글자를 출력해 보겠습니다. 이때, 이 안녕하는 글자에는 여러가지 스타일이 적용되어 있습니다. 먼저, 브라우저에 있는 기본 텍스.. 2021. 5. 27. 이전 1 다음