css3hover多个 |css z index -1

首先，大家需要定义多个hover语句，可以使用逗号分隔。示例代码如下：

.box:hover,
.box2:hover {
/* hover样式 */
}

这里.box和.box2都具有hover效果，当鼠标悬停在其中任意一个元素上，都会出现hover样式。

在多个hover语句中，大家也可以使用通配符*来选择所有元素。示例代码如下：

*:hover {
/* hover样式 */
}

这种方式可以使所有元素在悬停时出现相同的hover样式。

在多个hover语句中，大家也可以使用+选择器，表示选择下一个元素。示例代码如下：

.box:hover + .box2 {
/* hover样式 */
}

这里.box和.box2相邻，鼠标悬停在.box上时会出现hover样式，并且.box2也会出现相应的样式。

在多个hover语句中，大家还可以使用~选择器，表示选择后面的所有同级元素。示例代码如下：

.box:hover ~ div {
/* hover样式 */
}

这里.box后面有多个同级元素，鼠标悬停在.box上时会出现hover样式，并且.box后面的所有div标签也会出现相应的样式。

以上就是CSS3 hover多个的用法，希望对大家有所帮助。