[英]showing the div element on focus of previous div element
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 元素是动态创建的。 在类程序的焦点上,该类程序 div 旁边的 selec_pro 需要是显示块。 在焦点关闭 selec_pro 之后需要显示 none。
任何人都可以帮忙吗?
在 CSS 中试试这个:
.selec_pro {
display: none;
}
.programs:focus + .selec_pro {
display: block;
}
+
是 CSS 相邻兄弟选择器。 请参阅此处: https : //developer.mozilla.org/en-US/docs/Web/CSS/Adjacent_sibling_selectors
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.