gpt4 book ai didi

javascript - 使用多个样式表

转载 作者:太空宇宙 更新时间:2023-11-04 12:10:38 25 4
gpt4 key购买 nike

我目前正在开发一个教育网站,作为其中的一部分,我希望将网络可访问性作为一项功能包括在内。我正在尝试包括一个颜色内容转换器,如此处所示 http://www.handicap-international.org.uk/OneStopCMS/Core/SelectLayout.aspx ?但我想不通如何让页面调用多个css外部样式表,以便在单击链接时内容的颜色会发生变化?感谢您的帮助。

最佳答案

你有两种方法来包含外部 CSS,

  1. 使用<link>元素,或
  2. 使用@import 规则。

使用 <link>元素:

要使其成为持久样式表:

<link rel="stylesheet" type="text/css" href="somefile.css" media="screen">

要使其成为首选样式表,请添加 title 属性:

`<link rel="stylesheet" type="text/css" title="compact" href="somefile.css"` media="screen"> 

要使其成为替代样式表,请将“替代”一词添加到 rel 属性。

<link rel="alternate stylesheet" type="text/css" title="compact" href="somefile.css" media="screen"> 

使用@import 规则:

可以使用@import 将一个样式表包含在另一个样式表中。这必须在声明任何规则之前在任何 CSS 的顶部完成。

Example (in somefile.css): 
@charset UTF-8
@import "someotherfile.css"

这也是可能的:

<head> 
<style>@import "somefile.css"</style>
</head>

这应该足以帮助您了解如何包含多个外部样式表。保重,祝你好运......!!!

关于javascript - 使用多个样式表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29083539/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com