HTML에서 CSS 클래스의 순서는 중요하지 않습니다

좋아요! 그리고 나도 증명할 수 있습니다. 먼저 일부 CSS를 살펴 보겠습니다.

 .a {
  색상 : 빨간색;
}

.B {
  색상 : 파란색;
}

이제 마크 업을 살펴 ​​보겠습니다.

 <div> 여기에 텍스트가 있습니다 </div>

.B는 CSS에서 마지막으로 정의되어 있기 때문에 텍스트는 파란색이 될 것입니다. 그러나 우리가 HTML에서 해당 클래스를 호출하는 순서를 전환하면 어떻게해야합니까?

 <div> 여기에 텍스트가 있습니다 </div>

텍스트가 어떤 색이라고 생각하십니까? 빨간색 또는 파란색?

이것은 확실히 어리석은 질문처럼 들릴지 모르지만 CSS-in-JS 솔루션에 익숙한 많은 사람들을 여행하는 경향이 있습니다. 그리고 이번 주에 나는 비슷한 생각을하는 매우 고위급 엔드 엔지니어 두 명과 이야기를 나 shop습니다!

그러나 위의 예제의 텍스트는 CSS 클래스가 어떤 순서를 주문하든 항상 파란색이 될 것입니다. 그리고 마크 업은 CSS가 작성된 순서대로 CSS를 읽기 때문입니다.이 예에서 캐스케이드가 승리합니다.

위 내용은 HTML에서 CSS 클래스의 순서는 중요하지 않습니다의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!