我有三个具有相同类名的div,我想隐藏第一个和最后一个div。
我的代码:
<div class="clsname">div1</div>
<div class="clsname">div2</div>
<div class="clsname">div3</div>
现在我想隐藏div1和div3。实际上,我希望在浏览器中输出以下内容:
div2
我怎样才能做到这一点 ?
为了澄清起见,我想要这样的东西:(这只会隐藏div3)
div.clsname + div.clsname + div.clsname {display:none;}
使用以下简单的CSS:
div.clsname:first-child, div.clsname:last-child{
display:none;
}
内容:https ://jsfiddle.net/lmgonzalves/aLaw2qj5/
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句