無法更改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 ::陰影顏色後

回答

相關問題