沒有選擇器不分配給孩子的div

Question

在img我已經申請到我的網站上的圖像，例如一些通用的樣式規則：

border: 5px solid red;

那麼我想樣式一些<img>標籤的不同，

然而，在該頁面的DIV中我不想<img>標籤拿起這個額外的造型，我嘗試使用not選擇像這樣：

HTML

<div class="no-overflow"> 
    <img src="https://s3.amazonaws.com/uifaces/faces/twitter/rem/128.jpg"> 

    <div class="comment-ctrl"> 
    <img src="https://s3.amazonaws.com/uifaces/faces/twitter/rem/128.jpg"> 
    </div> 
</div> 

LESS

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

這只是造型最終被應用到所有<img>標籤

，該not選擇似乎被忽略。我在這codepen一直在測試：

http://codepen.io/JoeHastings/pen/MYrVWK

有一些CSS語法，這將使這項工作不改變DOM本身？

Answer 1

它可能是更容易使用這個

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

這樣，它只能選擇屬於類名的直系後裔，也不會選擇其他元素內的圖像的圖像。