>웹 프론트엔드 >CSS 튜토리얼 >``태그에 'title' 속성을 사용할 때 스타일이 사라지는 이유는 무엇입니까?

``태그에 'title' 속성을 사용할 때 스타일이 사라지는 이유는 무엇입니까?

Linda Hamilton
Linda Hamilton원래의
2024-10-28 12:01:01546검색

Why Do Styles Disappear When Using `title` Attributes in `` Tags?

'title' 속성이 사용됩니까?

제공된 HTML에서:

<code class="html"><link rel="stylesheet" media="screen" type="text/css" title="A" href="a.css" />
<link rel="stylesheet" media="screen" type="text/css" title="B" href="b.css" /></code>

title 속성이 있으므로 b.css 스타일이 적용되지 않습니다. HTML 사양에 따르면 스타일시트는 다음 세 가지 유형 중 하나일 수 있습니다.

  • 지속성: 제목 속성 없이 rel="stylesheet"와 연결됩니다. 이러한 스타일시트는 항상 렌더링에 사용됩니다.
  • 선호: rel="stylesheet" 및 제목 속성과 연결됩니다. 동일한 제목을 가진 기본 스타일시트가 함께 그룹화됩니다. 그러나 브라우저는 일반적으로 렌더링할 기본 스타일시트 하나만 선택합니다.
  • 대체: rel="alternate stylesheet" 및 제목과 연결됩니다. 이러한 스타일시트를 사용하면 사용자가 다양한 스타일 중에서 선택할 수 있으며 브라우저의 스타일시트 선택기(사용 가능한 경우)에 표시됩니다. 이 카테고리에서 동일한 제목으로 그룹화된 스타일시트는 상호 배타적입니다.

스타일시트에 제목 속성을 추가하면 스타일시트가 영구 스타일시트에서 기본 스타일시트로 실수로 변환됩니다. 제목이 서로 다른 두 가지 선호 스타일시트가 있으므로 브라우저는 하나를 선택해야 하며 결과적으로 b.css 스타일이 적용되지 않습니다. 두 스타일시트가 동일한 제목을 갖는 경우 두 스타일시트가 하나의 기본 스타일시트로 그룹화되므로 이 문제가 해결됩니다.

위 내용은 ``태그에 'title' 속성을 사용할 때 스타일이 사라지는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.