csshover控制其他元素_hover控制同级元素

如果是.classname：hover,页面中所有是这个class的元素都会生效；

如果是#id:hover,只有这个ID 的元素有效；凳渗

如果枣正脊是标签:hover,所有这个类型清春的标签都生效

不可以的，这个样式是针对当前的元素进行样式定局枣义庆稿的，在当誉腊孝前元素里无法获取到DOM里的其它元素，也就无法定义其它元素的样式。只能用js来解决这个问题。

hover

情景一：两个是兄弟元素

情景二蔽埋：两个是父子元素

情景三：两个是旦并灶兄弟元素,改变的是一个兄弟元模扮素的子元素

情景四：设置多个同级元素的样式

元素添加hover伪类选择器时候一定要 紧贴 这hover， 不能有空格 ，有空格的话表示给该元素的所有子元素设置里hover样式。

错误例子：

ul :hover{} //ul的所有子元素设置了hover样式

正确例子：

ul:hover{} //ul会显示出想要的效果

ul:hover .one{// 子元素写在hover后面空格隔开

              transform:rotateY(90deg);

          }

 ul:hover .two{

           锋族悉   transform:rotateY(0deg);

ul:hover .thr{

              transform:rotateY(360deg);

仅可以给自身的子元素设置样式 ，给其他元素子元素设银乎置无效

接着上个穗樱例子举例子：

div:hover .one{}//不显示任何效果，hover失效

给兄弟元素设置：

ul:hover+.one