本文主要
介绍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元素,而不是子元素。
父元素是什么,没关系。
总之,只有一个标记名称选择器将选择页面上同一标签的所有实例,并通过上下文。
选择器,您可以指定标签必须有相应的祖先或同胞。