2.5  ID选择符

2.5  ID选择符

 

在HTML页面中,ID参数指定了某个单一元素,ID选择符用来对这个单一元素定义单独的样式。ID选择符的应用和类选择符类似,只要把class换成id即可。

将上例中的类用ID替代:

<p id="intro">

这个段落向右对齐

</p>

与类选择符类似,ID选择符也有两种定义形式:

1)绝对ID选择符

定义ID选择符要在ID名称前加上一个"#"号。和类选择符相同,定义ID选择符的属性也有两种方法。下面这个例子,ID属性将匹配所有id="intro"的元素:

#intro {
font-size:110%;
font-weight:bold;
color:#0000ff;
background-color:transparent
}

它定义的样式为:字体尺寸为默认尺寸的110%;粗体;蓝色;背景颜色透明。

2)相对ID选择符

即ID选择符定义在某一个选择符的后面,使用#表示。例如下面这个例子,ID属性只匹配id="intro"的段落元素<p>:

p#intro { 
font-size:110%;
font-weight:bold;
color:#0000ff;
background-color:transparent
}

ID选择符局限性很大,只能单独定义某个元素的样式,一般只在特殊情况下使用。

 

上一节   回书目录   下一节
 
 

上一篇: 2.4 类选择符
下一篇: 2.6 包含选择符
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: css
相关日志:
评论: 0 | 引用: 0 | 查看次数: -
发表评论
昵 称:
密 码: 游客发言不需要密码.
邮 箱: 支持Gravatar头像.
网 址: 输入网址便于回访.
内 容:
验证码:
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.