html – 为什么’title’属性导致浏览器忽略我的样式?

html – 为什么’title’属性导致浏览器忽略我的样式?,第1张

概述以下html文档(与CSS一起)无法在b.css中呈现样式. <!doctype html><html> <head> <link rel="stylesheet" media="screen" type="text/css" title="A" href="a.css" /> <link rel="stylesheet" media="screen" t 以下HTML文档(与CSS一起)无法在b.CSS中呈现样式.
<!DOCTYPE HTML><HTML>    <head>        <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" />    </head>    <body>        <div ID="A">A</div>        <div ID="B">B</div>    </body></HTML>/* a.CSS */div#A   { color: blue;  }/* b.CSS */div#B   { color: red;   }

使标题相同(例如< link ... Title =“A”>修复它,但是我没有看到原因,为什么它应该是什么标题在这里做错了什么?

解决方法 The HTML 4.0 spec states that there are three kinds of stylesheets:持久,偏好和交替.

>如果它与rel =“stylesheet”链接并且没有标题属性,则样式表是“persistent”.渲染时使用所有持久化的样式表.
>如果将样式表与rel =“stylesheet”链接并具有Title属性,则为“preferred”具有相同标题的首选样式表分组在一起,但不应该有多个组.似乎浏览器将只选择一个首选样式表来渲染,因为应该只有一个.
>最后,如果与rel =“alternate stylesheet”链接并且具有标题,则样式表是“alternate”.这些样式表应该允许用户选择样式表,它们通过标题分组在一起,并显示在浏览器的样式表选择器中,如果它具有一个(firefox中的“查看>>”页面样式).每组(按标题)是互斥的.

通过在您的样式表上放置标题属性,您将不经意地将其置于首选样式表中,而不是预期的持久样式表.这也是为什么他们都有相同的标题的工作.

总结

以上是内存溢出为你收集整理的html – 为什么’title’属性导致浏览器忽略我的样式?全部内容,希望文章能够帮你解决html – 为什么’title’属性导致浏览器忽略我的样式?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1099203.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-28
下一篇2022-05-28

发表评论

登录后才能评论

评论列表(0条)

    保存