@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;
}
  • Вопрос задан
  • 41 просмотр
Пригласить эксперта
Ответы на вопрос 2
delphinpro
@delphinpro Куратор тега CSS
frontend developer
.popup-youtube-block-content-custom a.item:not(.popup-btn) {

}
Ответ написан
v3shin
@v3shin
Веб-шаман
Полагаю, стоит закатать все пары a+iframe в блоки по типу:
<div class="itemBlock">
    <a.item>
    <iframe>
</div>

И задать css:
.itemBlock .item {
    display: none;
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы