2017-02-25 71 views
1

我目前正在试验CSS对象模型并尝试了解StyleSheetCSSStyleSheetCSSRule以及此类排序的所有对象的所有属性和方法如何工作。我无法弄清楚为什么,如果我添加title属性为我的<link rel="stylesheet">元素导致'关闭'特定样式表,而disabled属性仍然设置为false所有样式表?标题属性导致样式表停止工作

<link rel="stylesheet" href="a.css" title="a"/> <!--this works--> 
<link rel="stylesheet" href="b.css" title="b"/> <!--this does not work--> 
+0

请问您可以与您分享链接到这两个元素的CSS吗? – FrenchyNYC

+0

它没关系,它可以是任何东西,比如第一个样式表可以说'body {background-color:#33aaff;}',第二个样式表可以是'body {color:red;}'。 –

+0

好吧,如果您在css中忘记了一个元素,或者您正在根据标题标记调用更改,那么这很重要... – FrenchyNYC

回答

1

根据MDN - Correctly Using Titles With External Stylesheets

...一个优选的样式表,在另一方面,是一个具有用于rel属性提供的样式表的值,任何值在所有的title属性。下面是两个例子:

<link type="text/css" rel="stylesheet" title="Basic styles" href="basic.css" /> 
<link type="text/css" rel="stylesheet" title="Fish and boats" href="ocean.css" /> 

根据HTML 4.01规范,仅仅是优选的样式表中的一个可在一个时间使用。因此,根据上述示例,只有两个首选样式表中的一个将应用于文档。规范没有提供一个程序来决定应该使用哪一个,所以用户代理可以自由地做出他们喜欢的任何选择...

+0

非常方便且非常低估的功能。 – BoltClock