以下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中的“查看>>”页面样式).每组(按标题)是互斥的.
通过在您的样式表上放置标题属性,您将不经意地将其置于首选样式表中,而不是预期的持久样式表.这也是为什么他们都有相同的标题的工作.
