2011-01-23 5 views
5

태그를 통해 스타일 시트를로드 할 때 스타일 시트가 비동기식으로 또는 동 기적으로로드됩니까? Mura.css와 typography.css의 두 가지 스타일 시트가있는 디자인이 있습니다. 그것들은 페이지 영역에로드되고 typography.css는 mura.css 바로 전에로드됩니다. 어떤 이유로 mura.css 속성이 Chrome 웹 도구에 typography.css로 덮어 쓰여지고있는 것으로 표시됩니다.CSS 스타일 시트가 비동기 적으로로드됩니까

답변

6

CSS 파일은 파일에 포함 된 순서대로로드됩니다.

첫 번째 CSS 파일의 내용이 두 번째 CSS 파일의 내용을 덮어 쓰는 경우 선택기가 잘못 사용 된 것이 원인 일 가능성이 큽니다. 양식을 잘못 통합 한 요소를 선택기에서 다시 확인하십시오.

+2

구체적으로 말하면, CSS 규칙은 파일이 포함 된 순서대로 계단식으로 나열되므로 실제로로드되는 순서는 중요하지 않습니다. 일반적으로 비동기입니다 (스크립트가 영향을 미칠 수 있음). – Neil

+6

스타일 시트는 페이지 구문 분석/DOM 준비와 관련하여 비동기 적으로로드되지만 스크립트와 관련하여 동기식입니다. 즉, 스타일 시트가 스크립트 앞에 오면 스크립트가 실행되기 전에 스타일 시트가로드되어야합니다. – Zenexer

관련 문제