禁用覆盖类中整个img元素的样式

Question

img {
transform: scale(0.1,01);
filter: grayscale(100%) sepia(100%) brightness(100%) saturate(100%);
}
.imageLogo {
this is not: × transform: scale(1);
filter: grayscale(0) sepia(0) brightness(0) saturate(0);
correct example: style-disabled;
}

我想删除以前应用的样式

Answer 1

您可以添加！重要的风格如下：

filter: grayscale(0) sepia(0) brightness(0) saturate(0) !important;

那么它将强制应用CSS，而其他CSS将不应用

Answer 2

下面的代码应该可以完成任务。

img {
transform: scale(0.1,01);
filter: grayscale(100%) sepia(100%) brightness(100%) saturate(100%);
}
.imageLogo {
transform: scale(1);
filter: grayscale(0) sepia(0);
}

<img src="https://images.unsplash.com/photo-1562181839-802c025c3738?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8M3x8cHJldG9yaWF8ZW58MHx8MHx8&auto=format&fit=crop&w=500&q=60" class="imageLogo"/>