Html 根据元素的子元素数选择元素?
我有如下HTML代码:Html 根据元素的子元素数选择元素?,html,css,Html,Css,我有如下HTML代码: <div class="main"></div> <div class="span2"> <div><a href="xyz71">List 1</a></div> <div> <ul> <li><a href="xyz71_72">Cat 11</a>
<div class="main"></div>
<div class="span2">
<div><a href="xyz71">List 1</a></div>
<div>
<ul>
<li><a href="xyz71_72">Cat 11</a>
</li>
<li><a href="xyz71_73">Cat 12</a>
</li>
<li><a href="xyz71_76">Cat 13</a>
</li>
<li><a href="xyz71_78">Cat 14</a>
</li>
</ul>
</div>
</div>
<div class="span2">
<div><a href="xyz90">List 2</a></div>
<div>
<ul>
<li><a href="xyz90_91">Cat 211</a>
</li>
<li><a href="xyz90_92">Cat 212</a>
</li>
<li><a href="xyz90_93">Cat 213</a>
</li>
</ul>
</div>
<div>
<ul>
<li><a href="xyz90_91">Cat 221</a>
</li>
<li><a href="xyz90_92">Cat 222</a>
</li>
<li><a href="xyz90_93">Cat 223</a>
</li>
<li><a href="xyz90_94">Cat 224</a>
</li>
<li><a href="xyz90_95">Cat 225</a>
</li>
<li><a href="xyz90_96">Cat 226</a>
</li>
</ul>
</div>
</div>
来源:
有人能帮我吗?这并不完美,但如果你能设置一个
位置:相对
在容器div上,可以使用伪元素来执行此操作
#container > div {
position: relative;
}
#container > div div:nth-child(3):after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 1px solid #000;
z-index: -1;
}
我认为使用纯CSS不可能做到这一点。。你需要Javascript。。。SASS或更少版本可能可以做到这一点,不确定。@JoshC因为LESS和SASS编译成CSS,我很确定如果你不能在CSS中完成,你就不能在SASS中完成:(@Slinerlycuban你可能是对的,我对他们一点都不熟悉。我以为他们能做到。你不能根据CSS中的子元素选择父元素。你需要使用JavaScript。不幸的是,我不能这样做。在我的情况下,它固定在
位置:绝对。@Ahmad如果你给我看更多的代码,我可以n试着帮你。
#container > div {
position: relative;
}
#container > div div:nth-child(3):after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 1px solid #000;
z-index: -1;
}