CSS组合选择器有以下元素：1、后代选择器；2、子元素选择器；3、相邻兄弟选择器；4、后续兄弟选择器。后代选择器是一种多个用空格分隔的选择器，别称包含选择器。在后代选择器中，规则左边的选择器一端包括两个或多个用空格分隔的选择器。
1、后代选择器
后代选择器是一种多个用空格分隔的选择器，别称包含选择器。在后代选择器中，规则左边的选择器一端包括两个或多个用空格分隔的选择器。选择器之间的空格是一种结合符（combinator）。每个空格结合符可以解释为“… 在 … 找到”、“… 作为 … 的一部分”、“… 作为 … 的后代”，但是要求必须从右向左读选择器。
2、子元素选择器
子元素选择器（Child selectors）只能选择作为某元素子元素的元素。与后代选择器相比，即只对直接后代有影响，而对“孙子”以及多个层的后代不产生作用。如果您不希望选择任意的后代元素，而是希望缩小范围，只选择某个元素的子元素，请使用子元素选择器（Child selector）。
3、相邻兄弟选择器
如果需要选择紧接在另一个元素后的元素，而且二者有相同的父元素，可以使用相邻兄弟选择器（Adjacent sibling selector）。例如，如果要增加紧接在 h1 元素后出现的段落的上边距，可以这样写：h1 + p {margin-较好:50px;}
这个选择器读作：“选择紧接在 h1 元素后出现的段落，h1 和 p 元素拥有共同的父元素”。
4、后续兄弟选择器
CSS中，~代表后续兄弟选择器，与相邻兄弟选择器相比，相邻兄弟选择器只是选中紧跟着的兄弟元素，而后续选择兄弟选择器是选中所有符合条件的兄弟元素。不知为何，w3school中没有对这个选择器做说明，但是此选择器确实是可用的。
延伸阅读：
什么是CSS？
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
CSS为HTML标记语言提供了一种样式描述，定义了其中元素的显示方式。CSS在Web设计领域是一个突破。利用它可以实现修改一个小的样式更新与之相关的所有页面元素。
CSS是一种定义样式结构如字体、颜色、位置等的语言，被用于描述网页上的信息格式化和显示的方式。CSS样式可以直接存储于HTML网页或者单独的样式单文件。无论哪一种方式，样式单包含将样式应用到指定类型的元素的规则。外部使用时，样式单规则被放置在一个带有文件扩展名_css的外部样式单文档中。
文章标题：CSS组合选择器有哪些元素，发布者：小编，转载请注明出处：https://worktile.com/kb/p/35747
微信扫一扫 
支付宝扫一扫 
