为什么我这里加个.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(0000.08);

}


.ddwl .center-wrap .bd .col .more-grid ul {

    padding-left: 24px;

}

码,可通过选择【代码语言】突出显示

写回答

1回答

好帮手慕久久

2020-12-26

同学你好,问题解答如下:

这两个样式是生效的,如下:

http://img.mukewang.com/climg/5fe6946e09db450910410798.jpg

http://img.mukewang.com/climg/5fe694930957bd5010870649.jpg

只是当鼠标移入more-grid的时候,移入的样式不生效了。原因是hover样式所处的类名是ddwl .bd .more-grid:hover,该类名的权值没有 .ddwl .center-wrap .bd .col .more-grid这个类名大,所以hover时,样式不生效。建议增大hover样式的层级,如下:

http://img.mukewang.com/climg/5fe695120956fb0d07660231.jpg

同学再看看。

祝学习愉快!

0

0 学习 · 15276 问题

查看课程