使用 Javascript 或 CSS 将某些样式应用于特定元素

3回答

神不在的星期二

当使用以下代码将样式应用于 body 元素中除exclude类之外的所有项目时，将为您解决此问题。<style>    body :not(.exclude) {        -webkit-filter: grayscale(1);        -moz-filter: grayscale(1);        -ms-filter: grayscale(1);        filter: grayscale(1);</style>然后你可以像这样向你的图像标签添加一个额外的类：<img class="img-fluid exclude" src="https://blackrockdigital.github.io/startbootstrap-agency/img/portfolio/01-thumbnail.jpg"/>我希望这有助于解决您的问题。

HUH函数

您可以使用该class属性来执行此操作。为了理解它是如何工作的，这里有一个例子。您将需要 CSS 来执行此操作：<html>   <head>   <style>   h1.notimportant {       color: blue;   }   p.important {       color: green;   }   </style>   </head>   <body>   <h1 class="notimportant">Header 1</h1>   <p>Just a normal paragraph</p>   <p class="important">This paragraph is more important</p>   </body></html>希望这有帮助！

蝴蝶不菲

一种方法可能是（除了不使用 !important 无处不在，这不是一个好习惯）是列出你想要灰度化的所有元素，或者通过使用一个 CSS 来定位你的所有元素需要变灰，或者创建一个 CSS 类包含此过滤器选项。当您在 HTML 和 BODY 上应用过滤器时，您不能使相关图像不被过滤，因为它们包含在上述标签中，这意味着它们也会被过滤。