есть следующий кусочек html

<div class="main">
     <div class="item"></div>
     <div class="item second"></div>
     <div class="item active"></div>
     <div class="item active"></div>
     <div class="item active"></div>
     <div class="item"></div>
</div>

Не получается средствами CSS выделить нужным стилем 2й по счету класс active
пробую так
.main .active:nth-of-type(2){
opacity:0.3;
}

Оно по какой то причине выделяет просто второй див, в данном примере, с классом .second.
Знаю, что nth-of-type указывает на элемент определенного типа, в моем случае div, но я же еще указываю и имя класса

Чего не хватает?

_____________

Не буду категоричен, но по-моему это реально будет сделать только через JS. Например, средствами jQuery.
А насчет nth-of-type ты ж сам правильно указал, что он работает с элементами определенного типа.

_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)

*-of-type работают только в комбинации с селекторами тегов

_____________

Профессиональная разработка на заказ

Я на GitHub | второй профиль

В общем решение найдено
.item.active + .item.active{

}

_____________

Один хороший человек дал:

$sql = "SELECT * FROM menu";
$result = mysql_query($sql,$DBconnect);
$row = mysql_fetch_array($result);
	while($row = mysql_fetch_array($result)) {
		$url = explode('.php',$row['url']);
		$active = preg_match('/'.$url[0].'/', $_SERVER['SCRIPT_URL']) ? 'class="active"' : '';
		echo '<a '.$active.' href="'.$row['url'].'">'.$row['title'].'</a>';
	}

_____________
Если долго в одних стенах живешь, ты с ними сростаешься