Javascript-форум - задание последнему элементу (или порядковому) свойство CSS

Javascript-форум (https://javascript.ru/forum/)

- Общие вопросы Javascript (https://javascript.ru/forum/misc/)

- - задание последнему элементу (или порядковому) свойство CSS (https://javascript.ru/forum/misc/18259-zadanie-poslednemu-ehlementu-ili-poryadkovomu-svojjstvo-css.html)

задание последнему элементу (или порядковому) свойство CSS

здравствуйте! помогите пожалуйста с решением одной задачи, уверен она многих интересует

у меня четыре картинки . для каждой из них пишется стиль

.img {

		border-right:1px solid #A9A9A9;
	padding-right:13px;
		padding-left:13px;
}

и получается что картинки выводятся а между ними полоска.

<div class="img">
<img src="адрес" class="img" alt="" >
<img src="адрес" class="img" alt="" >
<img src="адрес" class="img" alt="" >
<img src="адрес" class="img" alt="" >
</div>

в последней картинке этот border-right:1px solid #A9A9A9; не нужен. как этого можно добиться? думаю что только средствами JS ... но в ней не силен, к сожалению и поэтому был бы благодарен если вы подскажете, как для 4ой (в том числе 8ой, 12ой и т.д.) картинки в ряду стиль был

img {

		border:none;

		padding-left:13px;
}

-------

<div class="img">
<img src="адрес" class="img" alt="" >
<img src="адрес" class="img" alt="" >
<img src="адрес" class="img" alt="" >
<img src="адрес" class="img" style="border:none" alt="" >
</div>

не выход так как эти картинки генерируются через php и иногда их 2 иногда 20... =(
заранее спасибо :-)

приувожу скрин для наглядности задач:)

Цитата:

Сообщение от marlic

помогите пожалуйста с решением одной задачи, уверен она многих интересует

Всё уже украдено до нас... (с) Операция "Ы" или другие приключения Шурика :dance:

<!DOCTYPE html>
<html>
<head>
<title>test</title>
<style type="text/css">
.container {
	float: left;
	height: 100px;
	border:1px solid #A9A9A9;
}
.img {
	float: left;
	width: 100px;
	height: 90px;
	margin-top: 5px;
	padding-right:13px;
	padding-left:13px;
}
.img + .img {
	border-left:1px solid #A9A9A9;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<div class="container">
	<div class="img"></div>
	<div class="img"></div>
	<div class="img"></div>
	<div class="img"></div>
</div>
</body>
</html>

Цитата:

Сообщение от ksa (Сообщение 110174)

Всё уже украдено до нас... (с) Операция "Ы" или другие приключения Шурика :dance:

<!DOCTYPE html>
<html>
<head>
<title>test</title>
<style type="text/css">
.container {
	float: left;
	height: 100px;
	border:1px solid #A9A9A9;
}
.img {
	float: left;
	width: 100px;
	height: 90px;
	margin-top: 5px;
	padding-right:13px;
	padding-left:13px;
}
.img + .img {
	border-left:1px solid #A9A9A9;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<div class="container">
	<div class="img"></div>
	<div class="img"></div>
	<div class="img"></div>
	<div class="img"></div>
</div>
</body>
</html>

огромное спасибо !!! :dance: получилось