如何在同一个网页中用两个css?

比如我在首 页 " ¦ 新 闻 ¦ 技 术 ¦ 论 坛 ¦ 人 才 ¦ 商 城 ¦ 大本营 ¦《程序员》 ¦ 软 件"中用上一个css,它们的连接是一种颜色;而在别的地方又用别的css了.它们的连接颜色又是一种.怎么做?或者是就是有两种不同的链接颜色.怎么做?
---------------------------------------------------------------

用CSS里的类:

样式选择器可以用来套用在个别的属性标记上

类选择器(Class Selector)

定义类选择器,可让不同的标记套用相同的样式性质。其定义格式如下:

.类名 { 定义规则1; 定义规则2; ......; }

 1<html>
 2<head>
 3<style type="text/css">   
 4<!--   
 5.blueCenter { color:BLUE;   
 6text-align:CENTER;   
 7}   
 8  
 9\-->   
10</style>
11</head>
12<body>
13<h3 class="blueCenter">本段文字设成蓝色并居中</h3>
14<h2 class="blueCenter">本段文字设成蓝色并居中</h2>
15</body>
16</html>

注意 .blueCenter 前有一个点( .)

ID选择器(ID Selector)

ID选择器和类选择器的概念差不多,主要区别在于,在一个HTML文件中,ID只能出现一次。即:ID在整份文件中是只唯一的,而CLASS却可以多次套用。ID的定义如下:

#ID名称 { 定义规则1;定义规则2;......}

 1<html>
 2<head>
 3<style type="text/css">   
 4<!--   
 5#red { color:red }   
 6#blue { color:blue}   
 7\-->   
 8</style>
 9</head>
10<body>
11<h3 id="red">本段文字设成红色</h3>
12<h2 id="blue">本段文字设成蓝色</h2>
13</body>
14</html>

上下文选择器(Contextual Selector)

上下文选择器则是按照特定的情况,另外定义一套样式规则。如下:

H1 EM (color:red}

上面的定义表示: 当

1<em>...</em>

标记被包在

 1<h1>...<h1>标记之间时,则将套用 H1 EM 定义的{color:red}规则。如:   
 2  
 3<h1>特别重要的文字,我们将以<em>红色斜体字</em>表示</h1>   
 4  
 5上面的“红色斜体字”由于符合H1 EM的上下文关系,故套用红色字体样式。   
 6\---------------------------------------------------------------   
 7  
 8<style>   
 9a.link{color:#000000;}   
10a.a1.link{color:#ff0000;}   
11</style>
12<a href="#">第一</a><a class="a1" href="#">第二</a>   
13\---------------------------------------------------------------   
14  
15a:link{color:#ffffff;text-decoration:none}   
16a:visited{color:#ffffff;text-decoration:none}   
17a:hover{color:#000000;text-decoration:underline}   
18a.menu:link{color:#ffffff;text-decoration:none}   
19a.menu:visited{color:#ffffff;text-decoration:none}   
20a.menu:hover{color:#ffff00;text-decoration:underline}   
21.b:link{color:#ffffff;text-decoration:none}   
22.b:visited{color:#ffffff;text-decoration:none}   
23.b:hover{color:#ffffff;text-decoration:underline}   
24  
25<a></a>
26<a class="menu"></a>
27<a class="b"></a></h1></h1>
Published At
Categories with Web编程
Tagged with
comments powered by Disqus