Login
网站首页 > 文章中心 > 其它

csshover控制其他元素

作者:小编 更新时间:2023-07-22 21:14:42 浏览量:75人看过

如果是.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

以上就是土嘎嘎小编大虾米为大家整理的csshover控制其他元素相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!

版权声明:倡导尊重与保护知识产权。未经许可,任何人不得复制、转载、或以其他方式使用本站《原创》内容,违者将追究其法律责任。本站文章内容,部分图片来源于网络,如有侵权,请联系我们修改或者删除处理。

编辑推荐

热门文章