css - 是否可以通过 css 去除特定图像上的阴影

Question

可以删除多次出现在网站上许多页面上的特定图像上的阴影。

这是不应该有阴影的图像。

http://www.101calendartemplates.com/wp-content/uploads/2015/12/print.png

图像出现在本网站的页面上，例如:

http://www.101calendartemplates.com/august-calendar-2/

这是用于为网站上的所有其他图像添加阴影的代码:

.alignnone {
    border: #b9b9b9 solid 1px;

  -webkit-box-shadow: 3px 3px 5px 6px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    3px 3px 5px 6px #ccc;  /* Firefox 3.5 - 3.6 */
  box-shadow:         3px 3px 5px 6px #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

Answer 1

您可以通过 src 属性定位 img:

img[src$="print.png"] { 
  -webkit-box-shadow: none;
  -moz-box-shadow:    none;
  box-shadow:         none;
}

“$=”匹配任何以指定值结尾的值。