Css not选择器未分配给子div内的img

我对我网站上的图像应用了一些常规样式规则，例如：

边框：5px纯红

然后我想对一些
标记进行不同的样式设置

但是，在页面的div中，我不希望
标记拾取此额外样式，我尝试使用
not
选择器，如下所示：

HTML

此样式最终应用于所有
标记，而
not
选择器似乎被忽略。我一直在用这个代码笔测试：


是否有一些CSS语法可以在不改变DOM本身的情况下实现这一点
 使用这个可能会更容易些

.no-overflow:not(.comment-ctrl) {
 img { border: 5px solid green; }
}

这样，它只选择类名的直系后代图像，而不会选择其他元素中的图像。
选择器中是否缺少空格？不应该是
。没有溢出：不是（.comment ctrl）
？
.no-overflow:not(.comment-ctrl) {
 img { border: 5px solid green; }
}

.no-overflow > img {
    border: 5px solid green;
}