无法更改CSS ::阴影颜色后

嘿所以我的朋友运行这个网络公司。他告诉我他想对他的网站做一些改变。如果我向他展示我可以处理它，他会雇用我一些东西。无法更改CSS ::阴影颜色后

大部分我处理得很好。但我无法弄清楚这一切对我来说。

如果你到他的网站（下面链接）并将鼠标悬停在最近工作的圆形加号图标上。阴影切换为蓝色。我希望它保持橙色，但。

任何想法？

p.s.我改变了图标的颜色，阴影颜色等等，只是无法弄清楚如何改变这一件事。

*链接删除

谢谢！

相关的代码如下：

.posts-grid.works li .featured-thumbnail .zoom-icon::after { 
    background: #E35F33 none repeat scroll 0% 0%; 
} 
.posts-grid.works li .featured-thumbnail .zoom-icon { 
    box-shadow: 0px 0px 0px 6px rgba(227, 95, 51, 0.2); 
}

来源

2015-07-12 Web Dev

你的问题是CSS特殊性之一：

这里有你想要覆盖的选择：

.posts-grid.works li .featured-thumbnail .zoom-icon:hover { ... }

这是你的选择：

.posts-grid.works li .featured-thumbnail .zoom-icon { ... }

如果您不能或不想删除第一个选择器，使您的选择器更具体。

编号：

Specificity - CSS | MDN

来源

2015-07-12 02:35:30 technophobia

我觉得这样很傻我错过了。：悬停在浏览器调试器中没有显示出来。谢谢！ –

不用担心，乐于帮忙。 – technophobia

您可以删除下面的代码：

.posts-grid.works li .featured-thumbnail .zoom-icon:hover { 
    -webkit-box-shadow:0 0 0 6px rgba(90,206,205,0.4); 
    -moz-box-shadow:0 0 0 6px rgba(90,206,205,0.4); 
    box-shadow:0 0 0 6px rgba(90,206,205,0.4); 
}

这似乎是解决这个问题。

来源

2015-07-12 02:32:20 Willian

无法更改CSS ::阴影颜色后

回答

相关问题