为什么我这里加个.col就没效果了
来源:3-5 当地玩乐部分开发(2)
情分的小前端
2020-12-25 19:34:02
# 具体遇到的问题
这个不是.col里面的吗?
# 报错信息的截图
# 相关课程内容截图
# 尝试过的解决思路和结果
# 粘贴全部相关代码,切记添加代码注释(请勿截图)
在这里输入代
.ddwl .center-wrap .bd .col .more-grid {
width: 364px;
background-image: linear-gradient(180deg, #FF6374 1%, #FF7368 98%);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08);
}
.ddwl .center-wrap .bd .col .more-grid ul {
padding-left: 24px;
}
码,可通过选择【代码语言】突出显示
1回答
好帮手慕久久
2020-12-26
同学你好,问题解答如下:
这两个样式是生效的,如下:
只是当鼠标移入more-grid的时候,移入的样式不生效了。原因是hover样式所处的类名是ddwl .bd .more-grid:hover,该类名的权值没有 .ddwl .center-wrap .bd .col .more-grid这个类名大,所以hover时,样式不生效。建议增大hover样式的层级,如下:
同学再看看。
祝学习愉快!
相似问题