イメージマウスオーバーソーシャルアイコンの上にCSS＆再表示グレースケール？

Question

最近私のサイトでソーシャルアイコンにいくつかの変更が加えられました。投稿がhereに読み込まれたときにソーシャルアイコンがグレー表示されたかったのですが、カーソルを閉じると元の色に戻ります。私はCSSで検索しましたが、ボタンの近くにホバー効果のクラスは見つかりませんでした。現在、このCSSはapplyedています

.single .nc_socialPanel:hover(.nc_floater):hover(.nc_socialPanelSide) { 
    filter: grayscale(0%); 
} 

が、何も変わらないのdidnt：

.single .nc_socialPanel:not(.nc_floater):not(.nc_socialPanelSide) { 
    width:20%!important; 
    float:right!important; 
    filter: grayscale(100%); 
} 

は、私がこれを行うにしようと試みました。

助けが必要ですか？

Answer 1

:hoverは引数をとりません。すなわち、:hoverの後に括弧内にセレクタを配置することはできません。

あなたのルールは次のようになります。

.single .nc_socialPanel:not(.nc_floater):not(.nc_socialPanelSide):hover{ 
    filter:grayscale(0%); 
}