正确使用CSS的类型选择器制作网页
时间:2014-2-6
在CSS的使用中,标记选择器便于统一设置结点样式,它的应用范围很大,对页面中的所有这类标记都有,而这在很多时候是没有必要的,因此,在CSS中还提供了另外的机制,可以缩小指定的结点范围,这就是类型选择器,类型选择器通过class属性来指定要应用样式的标记,其基本语法如下:
tagName.className{}
这里tagName指标记名称,例如table,div,span等,className是指标记的class属性所指定的值,例如:
<dl class="expand">
要对这个<dl>标记应用样式,可以使用如下语法:
dl.expand{}
在类型选择器语法中,标记名称tagName是可以省略的,这时它将对任何指定class的标记都起作用.
这种效果类型是由class的属性的性质决定的,在W3C标准中规定class属性是可以重复的,所以多个标记可以具有同样的class属性,这与ID属性有所不同,id属性在整个文档是惟一的.