background image

/*表示所有 id 为 content 的 h1 标签*/
h1.p1 {}
/*表示所有 class 为 p1 的 h1 标签*/
 
标签指定式选择符的精度介于标签选择符及 id/class 选择符之间,是常用的选择符之一。

七、组合选择符

对于上面的所有选择符而言,进行组合使用。如下:

h1 .p1 {}
/*表示 h1 下的所有 class 为 p1 的标签*/
#content h1 {}
表示 id 为 content 的标签下的所有 h1 标签
h1 .p1,#content h1 {}
/*表示 h1 下的所有 class 为 p1 的标签以及 id 为 content 的标签下的所有 h1 标签*/
h1#content h2{}
/*id 为 content 的 h1 标签下的 h2 标签*/
 
CSS 选择符是非常自由与灵活的,可以根据页面的需要,使用各种选择符,尽量结构化
与优化 CSS 文件.