как убрать padding у div последнего элемента

[pavlovda]

Здравствуйте участники форума подскажите, как убрать padding у div последнего элемента

исходные коды html, css прилагаю ниже

<div class = "news-main">					<div class = "news">						<div>							<img src = "img/article-img1.jpg" alt = "" />							<h3>Column title</h3>							<p class = "preview">							Maecenas faucibus mollis interdum. Etiam porta sem malesuada magna mollis euismod. Cras justo odio, dapibus ac facilisis in, egestas eget quam.							</p>						</div>					</div>					<div class = "news">						<div>							<img src = "img/article-img2.jpg" alt = "" />							<h3>Column title</h3>							<p class = "preview">							Maecenas faucibus mollis interdum. Etiam porta sem malesuada magna mollis euismod. Cras justo odio, dapibus ac facilisis in, egestas eget quam.							</p>						</div>					</div>					<div class = "news">						<div>							<img src = "img/article-img3.jpg" alt = "" />							<h3>Column title</h3>							<p class = "preview">							Maecenas faucibus mollis interdum. Etiam porta sem malesuada magna mollis euismod. Cras justo odio, dapibus ac facilisis in, egestas eget quam.							</p>						</div>					</div>				</div>

отступ нужно убрать у div, находящегося в последнем блоке с классом news

css код

.news-main{width: 100% ;overflow: hidden ;margin-bottom: 70px ; }.news {float: left ; width: 33.33% ;}.news div{padding-right: 15px ;}.news div img {margin-bottom: 5px ;}.news div h3{font-size: 18px ; color: #444444 ;margin-bottom: 5px ;}.news div p.preview{font-size: 12px ; color: #444444 ;text-align: justify ;}

Пробовал использовать псевдоэлементы last-child ничего не вышло/ В чем проблема не пойму.

[Great Rash]

.news:last-child div {

  padding: 0;

}

[SelenIT]

Уэс Бос недавно в твиттере советовал использовать селектор :not() вместо переопределения стилей:

.news:not(:last-child) div {    padding-right: 15px;}

в ответах предложили еще более кроссбраузерную (IE8...) альтернативу:

.news + .news div {        padding-left: 15px;}

[Great Rash]

Тогда уж можно предложить ещё более кроссбраузерную версию - IE7

.news {  padding-left: 15px;}.news:first-child {  padding-left: 0;}

[SelenIT]

Плюсик в IE7 тоже работает, просто IE7 никому не нужен, а IE8 нет-нет да встречается на XP...

[Great Rash]

Моему начальству например нужен

[SelenIT]

Действительно  . Но плюсик там тоже работает

[afdw]

  On 6/5/2015 at 3:09 PM, Great Rash said:

Моему начальству например нужен

Что же вы делаете, если можете поддерживать IE7?

[Great Rash]

Не понял вопроса?