Question

我正在使用一个脚本，该脚本生成显示小图像的功能，用户可以将鼠标移动到图像的一部分上。它产生了这段代码：

<div class="magnifyarea featuredimagezoomerhidden" style="position: absolute; z-index: 0; width: 300px; height: 300px; left: 659.667px; top: 454.233px; visibility: visible; overflow: hidden; border: 1px solid black; display: none;">
    <div style="position: relative; left: -234.833px; top: -122.133px; z-index: 0;">
        <img src="images/image1.jpg" style="width: 969px; height: 546px;">
    </div>
</div>

我的网站也很敏感。大多数类都设置为以不同的分辨率调整大小，并且确保在我拥有的css文件末尾没有任何图像太大：

img {
    max-width: 100% !important;
    height: auto !important;
}

这会导致脚本出现问题，我想从img规则中排除该图像。我尝试使用：not（）伪类，直到找到它才起作用，因为它完全禁用了img规则。

我是否正确使用了：not pseudo class？

img:not(.magnifyarea, .featuredimagezoomerhidden) {
    max-width: 100% !important;
    height: auto !important;
}

我正在考虑在生成的内联代码中添加！important，但我可以找到它为代码生成的位置。如果我包含.js文件中的代码会有帮助吗？

正确使用:: not（selector）伪类

0 个答案: