CSS/HTML考试知识考点:id 选择器和派生选择器

牛课网 考试宝典 更新时间:15-06-02

为了帮助大家网页设计师考试基础知识,我们考吧网特为广大考生整理关于CSS/HTML知识精选资料,希望广大考生能够喜欢。想了解更多资讯请继续关注我们考吧,同时也欢迎来我站学习

在现代布局中,id 选择器常常用于建立派生选择器。

#sidebar p {

font-style: italic;

text-align: right;

margin-top: 0.5em;

}

上面的样式只会应用于出现在 id 是 sidebar 的元素内的段落。这个元素很可能是 div 或者是表格单元,尽管它也可能是一个表格或者其他块级元素。它甚至可以是一个内联元素,比如 或者 ,不过这样的用法是非法的,因为不可以在内联元素 中嵌入

(如果你忘记了原因,请参阅 XHTML:网站重构)。

一个选择器,多种用法

即使被标注为 sidebar 的元素只能在文档中出现一次,这个 id 选择器作为派生选择器也可以被使用很多次:

#sidebar p {

font-style: italic;

text-align: right;

margin-top: 0.5em;

}

#sidebar h2 {

font-size: 1em;

font-weight: normal;

font-style: italic;

margin: 0;

line-height: 1.5;

text-align: right;

}

在这里,与页面中的其他 p 元素明显不同的是,sidebar 内的 p 元素得到了特殊的处理,同时,与页面中其他所有 h2 元素明显不同的是,sidebar 中的 h2 元素也得到了不同的特殊处理。

编辑推荐:

javascript考试知识考点汇总 

Flash考试高频知识考点汇总 

考试宝典安装说明

宝典适用于手机、电脑、平板,您可安装客户端或在浏览器使用。

电脑版

手机版

网页版

考试宝典咨询
服务热线

TEL:029-88699698