스타일이 자꾸 씹혀서 미치겠습니다. 분명 색깔 지정했는데 안 먹어서 보니까 다른 셀렉터한테 밀린 거더라고요. 예를 들어 이런 상황이요.
p { color: black; }
.text { color: blue; }
#intro { color: red; }
<p id="intro" class="text"> 이렇게 되어 있으면 결국 무슨 색이 나오는 거예요? id가 제일 세다는 건 얼추 알겠는데 클래스랑 요소 선택자는 순서가 헷갈리고요. 그리고 #intro.text 처럼 두 개 붙여 쓰면 그냥 #intro보다 더 우선되는 건가요? 인라인으로 style="..." 직접 박은 거랑 !important는 또 어디쯤 위치하는 건지... 우선순위 계산하는 규칙 좀 정리해서 알려주실 분 있나요. 매번 감으로 때려맞추다 지쳤어요.