除了图像之外，目标是div的所有直接孩子

Question

是否可以定位除图像之外的div的所有直接子项？使用:not - 选择器或类似的东西？

实施例： http://codepen.io/anon/pen/hlrAg

使用媒体查询时，div.wrapper中的所有元素都应该获得左/右填充，但图像除外。它们应该是视口的整个宽度。

我试过了：

.wrap > :not(img) {padding: 0 10px;} // (not working - EDIT: works!)

.wrap * :not(img) {padding: 0 10px;} // Creates a double padding on child->child elements.

Answer 1

.wrap > *:not(img) {padding: 0 10px;}（其功能与.wrap > :not(img)相同。）

演示：http://codepen.io/anon/pen/vtrpF

<小时/> 但是，如果IE8或其他不支持:not的旧版浏览器受到关注，请使用以下命令：

.wrap > * {padding: 0 10px;}
.wrap > img {padding: 0;}

演示：http://codepen.io/anon/pen/atfEc