Question

我目前正在开发一个教育网站，并且作为其中的一部分，希望将网络辅助功能作为一项功能。我想尝试包含像http://www.handicap-international.org.uk/OneStopCMS/Core/SelectLayout.aspx这样的颜色内容转换器？但是我无法弄清楚如何让页面调用几个css外部样式表，以便在单击链接时内容的颜色会发生变化？任何帮助表示赞赏。

Answer 1

你有两种方法可以包含外部CSS，

使用<link>元素或
使用@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">

要使其成为备用样式表，请添加＆＃34; alternate＆＃34;到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>

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

Answer 2

我假设您发布的示例仅使用1个存储多个css属性的样式表。单击链接后，它会从该单一样式表中为该拱形主题选择适当的属性，而忽略其余的。

鉴于此，为什么你想要多个样式表？

Answer 3

请找到未标记，已访问，悬停和活动的锚标记的CSS：

/* unvisited link */
a:link {
     color: #FF0000;
}

/* visited link */
a:visited {
   color: #00FF00;
}

/* mouse over link */
a:hover {
    color: #FF00FF;
}

/* selected link */
a:active {
     color: #0000FF;
}

使用多个样式表

3 个答案: