在样式元素上使用标题属性时出现问题

html5 • • 问答

最近我遇到了一个非常奇怪的问题。当您添加多个样式元素，并且您在样式元素上添加标题属性时，在标题中分配了不同的值。仅应用第一个样式元素 css。

 <!doctype html>
    <html>
      <head>
        <link rel="stylesheet" href="lib/style.css">
        <script src="lib/script.js"></script>

        <style title="Id-1">
          h1{color:red}
        </style>

        <style title="Id-2">
          h2{color:blue}
        </style>

      </head>

      <body>
        <h1>Hello Red Heading!</h1>
        <h2>Hello Blue Heading!</h2>
      </body>
    </html>

回答

这是因为titleon<style>用于提供不同的样式子集。文档

所以基本上去View > Page Style你会看到id-1和id-2：

从文档：

文档中的任何样式表都属于以下类别之一：

Persistent (no rel="alternate", no title="")：始终适用于文档。
首选（否rel="alternate"，title="..."指定）：默认应用，但如果选择了替代样式表，则禁用。只能有一个首选样式表，因此提供具有不同标题属性的样式表会导致其中一些被忽略。
替代（rel="alternate stylesheet"，title="..."必须指定）：默认禁用，可以选择。

以上是在样式元素上使用标题属性时出现问题的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>
相关内容