css中使用hover来控制其他元素的样式

最新推荐文章于 2023-05-07 12:20:34 发布
最新推荐文章于 2023-05-07 12:20:34 发布
阅读量814 收藏
点赞数
分类专栏： css 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39034363/article/details/111229906
版权

在这里插入图片描述
a:hover隐藏盒子submenu

.admin-nav-mini .layui-side .layui-side-scroll .layui-nav-tree>.layui-nav-item>a:hover ~ .submenu{
			display: none!important;
		}
warning_千万不要尝试去背
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
css hover 控制其他元素_CSS:hover选择器的使用方法
weixin_39713686的博客
11-29 1万+
在CSS中有个hover属性，当鼠标移上去的时候可以将其激活，它可以用来实现类似于js的一些功能。以下是对:hover的用法介绍：定义和用法定义：:hover 选择器用于选择鼠标指针浮动在上面的元素。:hover 选择器适用于所有元素，不仅仅是链接。用法1：这个表示的是：当鼠标悬浮在a这个样式上的时候，a的背景颜色设置为黄色。这个是最普通的用法了，只是通过a改变了style。用法2：使用...
css hover 鼠标悬停来控制其他元素
yftyzs的博客
06-17 2852
css hover 鼠标悬停来控制同级、子级元素
hover不生效没有效果的解决办法
qq_38210427的博客
04-11 1342
如果想要当鼠标移动到某一个元素的时候，让他的下面的兄弟的样式发生改变，就必须要加上+号(记住是下面的兄弟，不是上面的)我花了好几分钟以为是代码写错了，一直不出效果，谁知道没有加+号。当hover后面跟的是。元素的时候不需要加+号。
CSS的hover属性控制其他元素失效问题
winner_ch的博客
05-07 1968
hover控制其他元素
AdminLTE框架的基本使用
热门推荐
小白一直白
05-10 7万+
框架介绍：AdminLTE是一个完全响应管理模板。基于Bootstrap3，jQuery 3.3.1这两个框架框架，易定制模板。适合多种屏幕分辨率，从小型移动设备到大型台式机。内置了多个页面，包括仪表盘、邮箱、日历、锁屏、登录及注册、404错误、500错误等页面。对于后台站点的模板渲染，有很大的作用。 下载 可以使用git clone到本地 git clone http...
整合X-Admin前端框架改造ABP
weixin_30314631的博客
02-21 322
　　“站在巨人的肩膀上”，这样一来，不要万事亲恭，在值得的方向上节约时间，毕竟人生就这么一次。在接触ABP以来，一直想花点时间整合LayUI前端框架到ABP中，进而能够逐渐打磨出一套适合自己的框架，开发习惯、项目架构、界面风格等等。在年前花了点时间了解了LayUI现有的后台模板，虽然LayUI自家的LayUIAdmin很不错，但奈何于贫穷，因此绕道看看是否有前端同胞已经弄出来一份免费版的，比较了几...
electron-vue-admin NavMenu导航菜单实现router路由跳转
luolinyin的专栏
12-28 1214
<el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" router @select="handleNavSelect"> <template v-for="(item, index) in nav_menu_data"> <el-menu-item :key="index" :index="item.path"> .
关于CSS :hover选择器的用法（控制子元素样式、控制同级元素样式）
start_sea的博客
08-05 2万+
关于CSS :hover选择器的用法（控制子元素样式、控制同级元素样式） 1、hover定义： :hover 选择器用于选择鼠标指针浮动在上面的元素。 提示：:hover 选择器可用于所有元素，不只是链接。 注释：在 CSS 定义中，:hover 必须位于 :link 和 :visited 之后（如果存在的话），这样样式才能生效。 2、支持的浏览器： 3、:hover控制自身样式： <div class="aa"></div> <style> aa:hover {
css hover控制其他元素
林中明月间丶
06-15 8556
<html> <body> <style> #a:hover {color : #FFFF00;} #a:hover > #b:first-child{color : #FF0000;} #a:hover > #b{color : #FF00FF;} #a:hover + #c{color : #00FF00;} #a:hover + #c > #b{color : #0000FF;} </st.
css元素hover時控制另一个元素的显示隐藏
u011511086的专栏
11-30 6万+
css元素hover時控制另一个元素的显示隐藏
css hover 控制其他元素_CSS学习小结
weixin_39563823的博客
11-20 778
css语法Selector Dcclaration Selector {Property: Value;}CSS注释/* 注释 */CSS Selector(选择器)id & class id #id class .class插入样式表外部样式表 <head> <link rel="stylesheet" type="text/cs...
css:hover状态改变另一个元素样式的使用
ALLEN的博客
11-06 3万+
情景1：` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css" media="screen"> body{ margin: 0; padding:
Css里面通过伪类:hover控制其他元素样式的几种情况
qq_38134913的博客
09-23 2056
今天想用:hover去实现控制其他元素，包括孙子元素，兄弟元素等等，看到一个回答简单明了，纪录在此，方便查阅！ 传送门
通过hover修改其他元素
Android 御码监
04-19 9532
hover，我们都知道，是监听组件“悬停状态”的一个伪类。我们一般通过hover来修改组件的背景什么的，很少涉及到太复杂的操作。也就是说我们一般只是对加了hover伪类的元素自身的样式进行改变，比如这样：<form name="register" method="post" > <p><label for="name" >姓名 ：</label><input type="text" name
关于CSS中hover失效的几个原因
Xiaosang's blog
02-26 4万+
在设置CSS的hover时，有时会发现hover不起作用，总结一下原因： 提示：在 CSS 定义中，a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的。 提示：在 CSS 定义中，a:active 必须被置于 a:hover 之后，才是有效的。 1.在设置:hover前加空格： 比如 .one { margin: 0 auto; wid
css hover 控制其他元素_CSS 面试知识点总结一
weixin_39720181的博客
11-21 580
1、介绍一下标准的 CSS 的盒子模型？低版本 IE 的盒子模型有什么不同的？答：盒模型由四个部分分别是margin、border、padding和content组成。标准盒模型的width和height属性的范围只包含了content，而IE盒模型的width和height属性的范围包含了border、padding和content。一般来说，我们可以通过修改元素的box-sizing...
css中hover是让兄弟元素也hover
最新发布
03-21
你可以将:hover应用于父元素，并使用CSS选择器来选择兄弟元素并应用相应的样式。下面是一个示例： HTML代码： ```html 兄弟元素1 兄弟元素2 兄弟元素3 ``` CSS代码： ```css .parent:hover .sibling { /* 在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值