本文主要介绍CSS中一些特殊的上下文选择器的使用，这是CSS入门学习的基础知识。





subselector >

格式：标签1 >标签2
实例：

CSS代码将内容复制到剪贴板。


字体样式：斜体；}




注意：标签必须2子元素的标签1，或者反过来，标签必须1的标签2母。与传统的上下文选择器，该选择器标签1不能被其他祖先元素以外的标签2母。


旁边的同胞选择器+

格式：标签1 +标签2
实例：

CSS代码将内容复制到剪贴板。


字体变体：小大写；}





一般同胞选择器

格式：标签1 ~标签2
实例：

CSS代码将内容复制到剪贴板。


颜色：红色；}




注：标签2必须遵循（不一定跟随）后，其同胞标签1。


一般选择*

格式：* }…}
实例：

CSS代码将内容复制到剪贴板。


{颜色：绿色；}




说明：上面的示例使所有元素（文本和边框）变成绿色。
但是，当使用*选择器时，另一个选择器将同时使用。
例如:

CSS代码将内容复制到剪贴板。


颜色：红色；}这只会使p包含文本的所有元素为红色。




还有一个很有趣的方式来使用它，形成一个非subselector：
例如:

CSS代码将内容复制到剪贴板。


第* {字体大小：1.3em；}




这样，任何标签都是Sun Tzu元素，而不是子元素。
父元素是什么，没关系。
总之，只有一个标记名称选择器将选择页面上同一标签的所有实例，并通过上下文。
选择器，您可以指定标签必须有相应的祖先或同胞。