上海网站建设web前端开发基础教程：复合选择器

css复合选择器

复合选择器是有两个或者多个基础选择器，通过不同的方式组合而成的，具体如下：

1.标签指定是选择器（即..又..）

标签指定式选择器又称交集选择器，由两个选择器构成，其中第一个为标记选择器，第二个为class选择器或者id选择器，两个选择器之间不能有空格，如h2.class。此种类型效率不高，使用不多，了解即可。

2.后代选择器（包含选择器）

后代选择器用来选择元素或者元素组的后代，其写法就是把外层标记卸载前面，内层标记写在后面，中间用空格分隔。当标记发生嵌套时，内层标记就成为外层标记的后代。写法：.box li {}

3.并集选择器

并集选择器是各个选择器通过逗号链接而成的，任何形式的选择器（包括标记选择器、class类选择器、id选择器等），都可以作为并集选择器的一部分。如果某些选择器定义的样式完全相同，或部分相同，就可以利用并集选择器为它们定义相同的css样式。写法：h1,  h2,  p {}

4.子元素选择器

子代选择器，是让css选择器只能选择儿子被的元素

例如：h1 >strong{color:red;}

解读为：选择器h1>strong可以解释为“选择作为h1元素子元素的所有strong元素”。尖括号和选择器之间可以有空格也可以没有，没有限制，我们一般会加上空格为了保持代码的协调性。

• 上一篇：web前端开发基础教程：标签选择器和通配符选择器
• 下一篇：上海网站建设web前端开发基础教程：伪类和伪元素