Ich habe einen CSS-Code, mit dem die gesamte Seite in Graustufen dargestellt werden kann.

<style type="text/css">
html {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
}
</style>

Ich möchte jetzt einen Iframe in ein Div einbetten, das nicht betroffen wäre. Ich habe nach der Lösung gesucht und fount: nicht selector. Wenn ich mich auf 6.6.7 bei @ beziehttp: //www.w3.org/TR/css3-selectors/#negatio Ich denke, ich habe die Lösung gefunden, weil es vielleicht funktioniert, auch wenn ich HTML als CSS-Selektor angegeben habe

html|:not(x)

So änderte ich den Code gerade wie der oben genannte Code, aber nichts änderte. Ich war besorgt, dass das Problem durch das Design meiner Website verursacht wird, und habe mich daher entschlossen, sie in jsfiddle in einfachstem HTML @ zu codiere

<div id="abc" class="abc"><font color="red">This should be a normal text.</font></div>
<font color="red">This should be an affected text.</font>

In CSS

html|*:not(.abc) {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: grayscale(100%); }

Verknüpfung:http: //jsfiddle.net/4vxyqdye/1 PS: In der vorherigen Version habe ich verwendet: Nicht nur (.abc), sondern alle Elemente werden zu Graustufen.