上一节,我们讲了如何在页面中添加CSS(层叠样式表),我们分别讲了“链接外部样式表”、“定义内部 样式表”、“在XML文件中链接样式表”和“定义内联样式”。今天我们就来讲一讲CSS中各种选择器(选 择符)的意义及页面调用方法。为了简便,我们演示的例子都是将样式表直接写在页面中的style标签中 (即上节讲的“定义内部样式表”)。
一、类
样式表中可以定义一类样式,该样式可以应用到任何标签,其写法是在选择符前加一个点(.), 如:.sty1{....},在页面中的标签中调用该类样式时,只需要在相应的标签内添加“class="sty1"”。下 面我们通过一个实例来演示一下:
源码如下:
演示效果:
二、标签
所谓标签,就是在CSS中直接使用页面中需要重新定义样式的对象的标签名作为CSS选择符,这样的话,只要页面中出现已经被定义了样式的对象标签,那么它们都将自动被重新定义样式,比如我们为P这个标签定义了样式,那么页面中所有的 P标签的样式都将被改变。
实例源码:
演示效果:
三、高级(ID、伪类选择器等)
ID选择符以文档目录树(DOM)中作为对象的唯一标识符的 ID 作为选择符;伪类可以看做是一种特殊的类 选择符,伪类和类不同,是CSS已经定义好的,不能象类选择符一样随意用别的名字,具体有关伪类的内 容我们将在后面的连载中详细讲解。
实例源码:
演示效果: