15.3 选择符
CSS选择符就是CSS样式的名字,选择符的命名规则可以使用英文字母的大写与小写、数字、连字号、下划线、冒号、句号,CSS选择符只能以字母开头,选择符在CSS中可分成多种,在本节中只介绍常用的CSS选择符:HTML标记选择符、ID选择符和CLASS选择符(类选择符)。
HTML标记选择符是指在CSS中,用HTML的标记来代表网页中这些标记中的样式集合,用CSS控制这些标记,会改变标记的默认样式,如下所示。
P
{
/设置段落的外补丁/
Margin:0px;
}
在HTML标记中的<p>,表示一个段落,当这个段落被上面的CSS样式控制时,默认的段落间隔就没有了,即段落间的间隔为0(margin控制的效果)。同理,这些标记除了p外,还有div、td、tr和body等。
ID选择符,是唯一性选择符,例如#dreamdured{color:red;},就是在名字前增加了一个#,ID选择符在一个页面中只能出现一次,在整个网站中也最好出现一次(这样有利于程序员控制此元素,若有多个一样名称的元素,就无法区别,不好控制了)。
ID选择符在HTML代码中,对ID符只引用一次,如果多次引用,只有第一个有效,其他的没有效果,一个外部的样式文件定义一个ID样式,可以在多个网页中使用,但不能在同一页面使用两次或两次以上,下面用代码来表示ID选择符的用法。
mydiv
{
width:200px;
height:100px;
border:2px solid red;
}
如上所述,ID选择符以#开头,接上ID名,再由CSS代码组成,CSS样式语法由选择符加属性和属性值构成的,其中属性和属性值由冒号(:)间隔开,多个属性定义用分号(;)分开,使用方便简单。
CLASS选择符,是多重选择符,例如.dreamdublue{color:blue;},就是在名字前增加了一个“.”,CLASS选择符在一个页面中可以出现多次(注意下面的示例中CLASS选择符的用法)。下面是CSS表示CLASS选择符语法的完整代码。
.mydiv
{
width:200px;
height:100px;
border:2px solid red;
}
以上代码中代表名称为mydiv的类选择符,在大括号里面包含着属性和属性值的名值对,在多个名值对中用分号分开,即使只有一个属性名值对也建议写好分号,方便日后再添加其他名值对而忘记再加分号而导致错误。
每个选择符都包含大括号,所以有很多选择符时,也同时包含着很多的括号,里面是该选择符的CSS代码。
注意 ID选择符在网页代码中不能重复,而CLASS选择符在网页代码中可以重复,而且次数不限。