Question

HTML

<div class="channel">
   <div class="programs" id="p1"></div>
   <div class="selec_pro" id="s1" style="display:none;"></div>
   <div class="programs" id="p2"></div>
   <div class="selec_pro" id="s2" style="display:none;"></div>
   <div class="programs" id="p3"></div>
   <div class="selec_pro" id="s3" style="display:none;"></div>
   <div class="programs" id="p4"></div>
   <div class="selec_pro" id="s4" style="display:none;"></div>
</div>

类通道下的div元素是动态创建的。关注焦点类程序，selec_pro旁边的那个类程序div需要是显示块。之后关注selec_pro需要显示无。

有人可以帮忙吗？

Answer 1

Try this in CSS:

.selec_pro {
    display: none;
}

.programs:focus + .selec_pro {
    display: block;
}

The + is the CSS adjacent sibling selector. See here: https://developer.mozilla.org/en-US/docs/Web/CSS/Adjacent_sibling_selectors

在前一个div元素

1 个答案: