【无标题】某元素鼠标悬浮的时候改变另一个元素背景颜色,应该怎么办

news/2024/11/8 13:04:11 标签: javascript, html, css

一、具有父子关系
如果 .category-card 和 .category-content 有父子关系

<div class="category-card">
  <div class="category-content">Content for Category 1</div>
</div>

<style>
  .category-card:hover .category-content {
    background-color: lightblue;
  }
</style>

二、不具备父子关系
使用js


http://www.niftyadmin.cn/n/5743932.html

相关文章

通俗易懂讲STM32为GPIO的8种模式(上拉输入、下拉输入、模拟输入、浮空输入,开漏输出,推挽输出)

本文参照这篇博客---易于理解深刻理解GPIO(上拉输入、下拉输入、模拟输入、浮空输入&#xff0c;开漏输出&#xff0c;推挽输出的区别&#xff0c;以STM32为例)_下拉输出-CSDN博客 一、输入模式 上拉输入 一句话总结&#xff1a;接上拉电阻对输入的低电平能够有效的读取&…

Docker compose 部署PowerJob(非局域网模式)

整个工具的代码都在Gitee或者Github地址内 gitee&#xff1a;solomon-parent: 这个项目主要是总结了工作上遇到的问题以及学习一些框架用于整合例如:rabbitMq、reids、Mqtt、S3协议的文件服务器、mongodb github&#xff1a;GitHub - ZeroNing/solomon-parent: 这个项目主要是…

C加加中的结构化绑定(解包,折叠展开)

在C17中&#xff0c;结构化绑定&#xff08;Structured Binding&#xff09;确实是一种非常有用的特性&#xff0c;它简化了从复合数据类型中提取多个成员的操作。以下是一些使用结构化绑定的示例&#xff0c;涵盖了元组&#xff08;tuple&#xff09;、对&#xff08;pair&…

简单介绍一下mvvm mvc mvp以及区别、历史

MVC&#xff08;Model - View - Controller&#xff09; 因MVC架构的灵活性&#xff0c;架构图形式很多&#xff0c;仅供参考 历史&#xff1a; MVC 是最早出现的软件架构模式之一&#xff0c;其历史可以追溯到 20 世纪 70 年代&#xff0c;最初被用于 Smalltalk - 80 环境。…

MySQL 【流程控制】函数

目录 1、CASE 语句用于流程控制中的多分支情况。 2、IF() 函数根据测试条件是否为真分别返回指定的值。 3、IFNULL() 函数&#xff0c;如果第一个参数为 NULL&#xff0c;返回第二个参数&#xff0c;否则返回第一个参数。 4、NULLIF() 函数根据两个参数是否相等决定返回 NUL…

一文了解git TAG

Git标签&#xff08;Tag&#xff09;用于为 Git 历史中的特定提交打上标记&#xff0c;通常用于标识重要的节点&#xff0c;比如发布版本。标签让开发者可以很方便地对特定版本进行引用&#xff0c;且不会随时间变动。Git 中的标签分为两种&#xff1a;轻量标签和附注标签。 …

24/11/7 算法笔记 PCA主成分分析

假如我们的数据集是n维的&#xff0c;共有m个数据(x,x,...,x)。我们希望将这m个数据的维度从n维降到k维&#xff0c;希望这m个k维的数据集尽可能的代表原始数据集。我们知道数据从n维降到k维肯定会有损失&#xff0c;但是我们希望损失尽可能的小。那么如何让这k维的数据尽可能表…

北斗智能定位平板终端|三防平板|北斗有源终端|北斗搜救终端

在当今快速发展的科技时代&#xff0c;智能设备的应用已经渗透到我们生活的方方面面&#xff0c;从日常娱乐到专业工作&#xff0c;无一不彰显着科技的魅力。特别是在高精度定位领域&#xff0c;随着全球卫星导航系统&#xff08;GNSS&#xff09;技术的不断进步&#xff0c;智…