求助各位佬,关于CSS鼠标悬停的问题

div内的内容鼠标悬停时单独响应怎么去除?


遇到的问题

QQ20251129-18336-HD

这是我设置的样式代码

/* 自定义类关键字_无背景无边框 */
.anjian {
	background-color: #8080ff00 !important;
    border-style: none !important;
    /*padding: 5px 5px !important;*/
    padding: 0px !important;
    font-size: 13px !important;

/* 鼠标悬停 */ 
	:hover {
    transform: translateY(-2px);
    background-color: #8080ff50 !important;
    /*background-color: #8080ff30 !important;
    box-shadow: 0px 0px 8px 10px #8080ff30 !important;*/
    border-radius: 5px;
}
}
/* 按键右边距 */
button.button-default{
	margin-right: 5px !important;
}
/* 按键内图标下边距 */
.theme-dark button.button-default svg{
	margin-bottom: 7px !important;
}

对了这是Buttons 插件的自定义引用关键字的设置

:hover 改成 &:hover 试试?

完美解决,感谢大佬!