nth-of-type

[mastrelelik]

есть следующий кусочек 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, но я же еще указываю и имя класса

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

 

[fixxxer]

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

http://stackoverflow.com/questions/6447045/css3-selector-first-of-type-with-class-name

для классов, а не тегов, нужен nth-match из css4, его пока нигде нет.

можно обойтись и без этого

.item.active + .item.active {
  color:red;
}
.item.active + .item.active + .item.active {
  color:black;
}

 

[mastrelelik]

http://stackoverflow.com/questions/6447045/css3-selector-first-of-type-with-class-name

для классов, а не тегов, нужен nth-match из css4, его пока нигде нет.

можно обойтись и без этого

.item.active + .item.active {
  color:red;
}
.item.active + .item.active + .item.active {
  color:black;
}

Не самое изящное решение, но это работающее решение и за это огромное спасибо!!!