HTML+css中鼠标经过触发等问题

HTML+css中鼠标经过触发等问题

 鼠标经过事件在样式中用hover来使用，hover在css中书写格式大致为

• 选择器:hover {}

• 选择器1:hover 选择器 2{}

选择器:hover {}

这个格式的含义大致为：当鼠标经过选择器时将{}里面的样式表现于选择器

选择器1:hover 选择器2 {}

这个格式的含义大致为：当鼠标经过**选择器1**时将{}里面的样式表现于	**选择器2**

注意： 选择器1:hover 选择器2 {}

在使用这一格式时需注意：
选择器1必须包含选择器2 且 选择器1为父级 选择器2为子级，这样才能实现其功能，例：

/* 子父级：.box1>.box2 */
	.box1 {
   
		width: 100px;
		height: 100px;
		background-color: red;
		padding: 50px;
		margin-bottom: 30px;
	}
	.box2 {
   
		width: 100px;
		height: 100px;
		background-color