CSS는 규칙 우선 순위의 문제

Question

나는 다음 한 코드 : 나는 CSS 섹션에서 규칙의 순서를 변경하는 경우에도

.wrap .sel{ 
 
    background-color: red; 
 
} 
 
.sel{ 
 
    background-color: blue; 
 
} 
 
select{ 
 
    background-color: yellow; 
 
}

<div class='wrap'> 
 
    <select class='sel'> 
 
    <option>CSS</option> 
 
    <option>JS</option> 
 
    </select> 
 
<div>

는 왜 항상 색상은 RED거야?

감사합니다.

편집 : !important으로 작업하는 방법을 알고 있습니다. 방금 브라우저가 CSS 규칙을 선택하는 방법을 알아 내기 위해이 질문을했습니다.

Answer 1

선택 .lrap .sel은 .sel보다 구체적이므로 .sel 색상 정의를 무시합니다. 선택 선택기와 동일합니다. 재정의를 원할 경우 더 구체적으로 지정하거나 "blue! important;