`` 태그에 \'title\' 속성을 설정하면 CSS 스타일이 렌더링되지 않는 이유는 무엇입니까?

'title' 속성이 CSS 렌더링을 방해합니까?

제공된 HTML 문서는 페이지의 요소에 a.css와 b.css를 모두 적용하려고 시도했습니다. 그러나 코드 조각에서 볼 수 있듯이 b.css의 스타일은 렌더링되지 않습니다.

b.css에 연결되는 요소의 경우 스타일시트는 "기본 스타일시트"로 분류됩니다. 대조적으로, title 속성이 없는 스타일시트는 "영구 스타일시트"로 간주됩니다. HTML 사양에 따르면:

스타일시트 유형

• 영구 스타일시트: rel="stylesheet"와 연결되고 제목 속성은 없습니다. 렌더링 중에 항상 적용됩니다.
• 선호하는 스타일시트: rel="stylesheet" 및 제목 속성과 연결됩니다. 제목별로 그룹화되지만 브라우저는 그룹당 선호하는 스타일시트 하나만 렌더링합니다.
• 대체 스타일시트: rel="alternate stylesheet" 및 제목과 연결됩니다. 제목별로 그룹화되어 사용자가 브라우저 제공 인터페이스에서 스타일시트를 선택할 수 있습니다.

이 경우 제목 속성을 추가하면 실수로 b.css를 기본 스타일시트로 분류하게 됩니다. 그룹당 선호하는 스타일시트가 하나만 있어야 하므로 브라우저는 렌더링할 스타일시트 중 하나를 선택하므로 b.css는 제외됩니다.

따라서 a.css와 b.css가 모두 적용되면 에서 제목 속성을 제거해야 합니다. b.css에 연결되는 요소입니다. 이렇게 하면 영구 스타일시트로 분류되어 렌더링 중에 a.css와 함께 사용됩니다.

위 내용은 `` 태그에 \'title\' 속성을 설정하면 CSS 스타일이 렌더링되지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!