Как скрыть соседние элементы?

Question

[LastGeneral]

Как скрыть все a.item? Обратиться просто по классу не представляет возможности!

<div class="popup-youtube-block-content popup-youtube-block-content-custom">
        <a class="item popup-btn"></a>
        <a href="" class="item">
            <img src="">
         </a>
         <iframe width="560" height="315" src="#"></iframe>
         <a href="" class="item">
            <img src="" alt="">
         </a>
         <iframe width="560" height="315" src="#"></iframe>
         <a href="" class="item">
            <img src="" alt="">
         </a>
         <iframe width="560" height="315" src="#"></iframe>
         <a href="" class="item">
            <img src="" alt="">
         </a>
         <iframe width="560" height="315" src="#"></iframe>
         <a href="" class="item">
            <img src="" alt="">
         </a>
         <iframe width="560" height="315" src="#"></iframe>
         <a href="" class="item">
            <img src="" alt="">
         </a>
         <iframe width="560" height="315" src="#"></iframe>
    </div>

Близко но не то!
Скрывает все кроме первого, а нужно именно все a.item

iframe + a.item {
	display: none;
}

Answer 1

[Сергей delphinpro]

.popup-youtube-block-content-custom a.item:not(.popup-btn) {

}

Answer 2

[v3shin]

Полагаю, стоит закатать все пары a+iframe в блоки по типу:

<div class="itemBlock">
    <a.item>
    <iframe>
</div>

И задать css:

.itemBlock .item {
    display: none;
}

Comments

[LastGeneral]

Задача только стилями это сделать или с помощью js. по классам не могу так как точно такие есть ещё блоки, и если скрою, то все не будет отображаться.

[v3shin]

LastGeneral, ну, тогда как написал Сергей delphinpro. Либо обернуть сгенерированный контент в еще один класс и обращаться по нему.