[JavaWeb-CSS]CSS扩展选择器

Posted 2021-08-20 Wecccccccc

扩展选择器：

			1. 选择所有元素：
				* 语法： *{}
			2. 并集选择器：
				* 选择器1,选择器2{}
			
			3.后代选择器
				祖先元素和后代元素（相对的概念）

				后代元素：被包含在祖先元素中的元素。
				祖先元素：包含后代元素的元素。
				后代选择器语法

				选择器1 选择器2 选择器3{}
				选择器之间用空格隔开
			4. 子代选择器
				父元素和子元素（相对的概念）

				父元素：直接包含子元素的元素。
				子元素：被父元素直接包含的元素。
				子代选择器语法

				选择器1 > 选择器2{}

			5. 属性选择器：选择元素名称，属性名=属性值的元素
				* 语法：  元素名称[属性名="属性值"]{}

			6. 伪类选择器：选择一些元素具有的状态
				* 语法： 元素:状态{}
				* 如： <a>
					* 状态：
						* link：初始化的状态
						* visited：被访问过的状态
						* active：正在访问状态
						* hover：鼠标悬浮状态