仅使用css，如何在div/类中选择html元素，但排除一些嵌套的div/类

这里是一个简化的页面结构，我希望选择“page”-div和封闭元素中的所有图像，但不选择“keepoffa”或“keepoffb”中的图像

但不排除不需要的div

---

如何有效地选择图像，但排除那些不需要的div中的图像？CSS只是必需的。

您不能同时使用两个伪选择器（而且您的选择器也不正确）

编辑：可能最简单的方法如下：

    .page img {
        max-width: 300px;
    }

    .keepoffa img, .keepoffb img {
        max-width: initial;
    }

试试这个：

.page>img,
.page div:not(.keepoffa):not(.keepoffb) img {
    max-width: 300px;        
}

---

使用

操作符选择

.page

div.和

.subpage img

的子页面到另一个图像

.page>img，
.子页面img{
边框：1px纯红；
}

这也需要添加。页面>imgon@PraveenKumar是的：）CSS通常是非常有用的funky@Mike是的，你是对的——误读了他的原始问题。当我有机会更新我的答案时，嗯，这似乎不太管用，因为只有一个图像在其中一个里面，它仍然会被另一个选中。@Marcel哦，是的，我忘记了。几个月前，我遇到了类似的问题。让我重新考虑一下谢谢，这是个好主意。不幸的是，真正的页面比我上面的简化示例更复杂。因此，使用直系子女选择器并不容易。我必须为每个可能的布局路径包括路径。这会变得太复杂。我将对示例进行一些更新，以更好地表示这一点。

    .page img {
        max-width: 300px;
    }

    .keepoffa img, .keepoffb img {
        max-width: initial;
    }

.page>img,
.page div:not(.keepoffa):not(.keepoffb) img {
    max-width: 300px;        
}