Can we select only the immediate children of a div excluding images? Is there a way to achieve this using the :not-selector or any similar method?
For example: http://codepen.io/anon/pen/hlrAg
Incorporating a media query, I want to apply left/right-padding to all elements within a div.wrapper except for the images which should span the entire width of the viewport.
I attempted the following:
.wrap > :not(img) {padding: 0 10px;} // (not working - EDIT: works!)
.wrap * :not(img) {padding: 0 10px;} // Creates a double padding on child->child elements.