设置未获得hover元素的样式

//li元素没有获得hover的样式设置

.gallery:hover li:not(:hover){
-webkit-filter: blur(2px) grayscale(1);
-moz-filter: blur(2px) grayscale(1);
-o-filter: blur(2px) grayscale(1);
-ms-filter: blur(2px) grayscale(1);
filter: blur(2px) grayscale(1);  //设置图片的模糊度，以及设置图片为黑白图片

opacity: .7; /* fallback */
}

 

<ul class="gallery">
<li><img src="img/wall3.jpg"></li>
<li><img src="img/wall5.jpg"></li>
<li><img src="img/wall7.jpg"></li>
</ul>

转载于:https://www.cnblogs.com/wanghai1989/p/5780061.html