5.3.9 组合使用选择器

5.3.9 组合使用选择器

在前面几小节用非常简单的例子介绍了各种类型的选择器的使用方法,但是现实中常常需要组合使用这些技术,才能找到要格式化的元素。

下面通过一个极端的例子展示如何组合使用选择器。

从右向左看,它表明选择的是em元素,em元素是包含在p元素中的,而p元素是lang属性值以zh开头的h2元素的直接相邻同胞元素,并且是class属性等于about的h2元素的子元素。

实际上,很少需要编写这么复杂的选择器,但必要时可以这么做。

如果只是想让图5-35中的em元素显示为红色,完全可以写成:

图5-35 组合使用选择器

尽管在HTML中em元素是嵌套在p元素中的,但没有必要写成:

除非不想段落以外的em元素应用该样式。总之,从最简单的开始,按需增加特殊性。