电脑技术学习

CSS的应用补充

dn001

三、ID挑选者:与类别挑选者类似,不同的是在『唯一性』。
ID特性的使用与类别特性十分雷同,但是,文件里的各个ID都是唯一的。换句话 说,类别特性可以重复套用在单一或数个元素标签之上,但是ID属性在一份文件里只能出现一次。如下面范例所写即可。
<HTML>
<HEAD>
<STYLE>
<--
  #blue { color : BLUE }
-->
</STYLE>
</HEAD>
<BODY>
   ...
 <P ID="blue">...</P>
   ...
</BODY>
可以看到,声明的方式是利用井字号『#』。而ID的这种『唯一性』正是让JavaScript或 VBScript能够对元素进行控制的关键。

  透过以上的介绍的挑选者特性的声明与使用,可以让您的样式设定更具机动与变化 。其实您可以先熟悉上一章为您介绍的基本的声明与应用方法,再应用本章所讲的挑选者特性,一步步地去熟悉样式表的使用。


连 结 拟 似 特 性 的 应 用

  还记得在HTML的基本语法,在BODY标签中可 以用link、alink、vlink属性去控制可连结或已连结的字体颜色吗?现在亦可用CSS去控制这些性质,称为『拟似类别』(pseudo class)。您可以将其当作一般类别,声明其样式规则,而实际上,这些拟似类别并不用像上面讲的类别挑选者,在HTML原始码中再 行设定指向的类别(CLASS)。下面介绍拟似类别的声明与应用。

一般的声明方式:拟似类别是以冒号来声明。
只要在<STYLE>...</STYLE>架构中加入下面的声明後,则页面中的连结文字就会依您设定的样式显式了!
A:link { 样式 规则 }
A:active { 样式规则 }
A:visited { 样式规则 }
A:hover { 样式规 则 }
A:link用以设定未参观连结的样式规则。A:active用以设定作用中连结的样式规则。A:visited用以设定已参观连结的样式规则。A:hover用以设定滑鼠移到 连结之上时的样式规则。而其中hover并不被NC4所支援,其它三个特性两大浏览器都有支持。

  如果您用的是IE4以上的浏览器,从本站链接您就可以知道 hover作用的妙处,以简单的样式设定就可以达成以往要写好长一串设定的相同效果 。这个连结拟似类别也可以与上面说过的类别挑选者特性合并使用。