61,128
社区成员
发帖
与我相关
我的任务
分享如何在同一个网页中用两个css?
比如我在首 页 "| 新 闻 | 技 术 | 论 坛 | 人 才 | 商 城 | 大本营 |《程序员》| 软 件"中用上一个css,它们的连接是一种颜色;而在别的地方又用别的css了.它们的连接颜色又是一种.怎么做?或者是就是有两种不同的链接颜色.怎么做?
...全文
请发表友善的回复…
发表回复
xlray 2003-02-13
- 打赏
- 举报
a:link{color:#ffffff;text-decoration:none}
a:visited{color:#ffffff;text-decoration:none}
a:hover{color:#000000;text-decoration:underline}
a.menu:link{color:#ffffff;text-decoration:none}
a.menu:visited{color:#ffffff;text-decoration:none}
a.menu:hover{color:#ffff00;text-decoration:underline}
.b:link{color:#ffffff;text-decoration:none}
.b:visited{color:#ffffff;text-decoration:none}
.b:hover{color:#ffffff;text-decoration:underline}
<a></a>
<a class="menu"></a>
<a class="b"></a>
a:visited{color:#ffffff;text-decoration:none}
a:hover{color:#000000;text-decoration:underline}
a.menu:link{color:#ffffff;text-decoration:none}
a.menu:visited{color:#ffffff;text-decoration:none}
a.menu:hover{color:#ffff00;text-decoration:underline}
.b:link{color:#ffffff;text-decoration:none}
.b:visited{color:#ffffff;text-decoration:none}
.b:hover{color:#ffffff;text-decoration:underline}
<a></a>
<a class="menu"></a>
<a class="b"></a>
Reker熊 2003-02-13
- 打赏
- 举报
<style>
a.link{color:#000000;}
a.a1.link{color:#ff0000;}
</style>
<a href="#">第一</a><a href="#" class=a1>第二</a>
a.link{color:#000000;}
a.a1.link{color:#ff0000;}
</style>
<a href="#">第一</a><a href="#" class=a1>第二</a>
KEBB 2003-02-13
- 打赏
- 举报
用CSS里的类：
样式选择器可以用来套用在个别的属性标记上
类选择器（Class Selector）
定义类选择器，可让不同的标记套用相同的样式性质。其定义格式如下：
.类名 { 定义规则1； 定义规则2； ......; }
<html>
<head>
<style type="text/css">
<!--
.blueCenter { color:BLUE;
text-align:CENTER;
}
-->
</style>
</head>
<body>
<h3 class="blueCenter">本段文字设成蓝色并居中</h3>
<h2 class="blueCenter">本段文字设成蓝色并居中</h2>
</body>
</html>
注意 .blueCenter 前有一个点( .)
ID选择器（ID Selector）
ID选择器和类选择器的概念差不多，主要区别在于，在一个HTML文件中，ID只能出现一次。即：ID在整份文件中是只唯一的，而CLASS却可以多次套用。ID的定义如下：
#ID名称 { 定义规则1；定义规则2；......}
<html>
<head>
<style type="text/css">
<!--
#red { color:red }
#blue { color:blue}
-->
</style>
</head>
<body>
<h3 id="red">本段文字设成红色</h3>
<h2 id="blue">本段文字设成蓝色</h2>
</body>
</html>
上下文选择器（Contextual Selector)
上下文选择器则是按照特定的情况，另外定义一套样式规则。如下：
H1 EM (color:red}
上面的定义表示： 当<EM>...</EM>标记被包在<H1>...<H1>标记之间时，则将套用 H1 EM 定义的{color:red}规则。如：
<H1>特别重要的文字，我们将以<EM>红色斜体字</EM>表示</H1>
上面的“红色斜体字”由于符合H1 EM的上下文关系，故套用红色字体样式。
样式选择器可以用来套用在个别的属性标记上
类选择器（Class Selector）
定义类选择器，可让不同的标记套用相同的样式性质。其定义格式如下：
.类名 { 定义规则1； 定义规则2； ......; }
<html>
<head>
<style type="text/css">
<!--
.blueCenter { color:BLUE;
text-align:CENTER;
}
-->
</style>
</head>
<body>
<h3 class="blueCenter">本段文字设成蓝色并居中</h3>
<h2 class="blueCenter">本段文字设成蓝色并居中</h2>
</body>
</html>
注意 .blueCenter 前有一个点( .)
ID选择器（ID Selector）
ID选择器和类选择器的概念差不多，主要区别在于，在一个HTML文件中，ID只能出现一次。即：ID在整份文件中是只唯一的，而CLASS却可以多次套用。ID的定义如下：
#ID名称 { 定义规则1；定义规则2；......}
<html>
<head>
<style type="text/css">
<!--
#red { color:red }
#blue { color:blue}
-->
</style>
</head>
<body>
<h3 id="red">本段文字设成红色</h3>
<h2 id="blue">本段文字设成蓝色</h2>
</body>
</html>
上下文选择器（Contextual Selector)
上下文选择器则是按照特定的情况，另外定义一套样式规则。如下：
H1 EM (color:red}
上面的定义表示： 当<EM>...</EM>标记被包在<H1>...<H1>标记之间时，则将套用 H1 EM 定义的{color:red}规则。如：
<H1>特别重要的文字，我们将以<EM>红色斜体字</EM>表示</H1>
上面的“红色斜体字”由于符合H1 EM的上下文关系，故套用红色字体样式。
