[英]trouble selecting the first child of nested elements
我正在嘗試選擇類別為“ subnav”的第一行項目( <li>
)。
我似乎無法理解:
HTML:
<nav>
<ul class="navigation">
<li class="logo"><ul>
<li><a href="index.htm"><img src="images/rh_logo_v5.png" alt="roundhaus logo"/></a></li>
</ul></li>
<li class="subnav"><ul>
<li><a href="index.htm">home</a></li>
</ul></li>
<li class="subnav"><ul>
<li><a href="reclaimedwood.htm">reclaimed wood</a></li>
<li><a href="design.htm">design</a></li>
</ul></li>
<li class="subnav"><ul>
<li><a href="flooring.htm">flooring</a></li>
<li><a href="paneling.htm">paneling</a></li>
<li><a href="beams.htm">beams</a></li>
</ul></li>
<li class="subnav"><ul>
<li><a href="shelving.htm">shelving</a>
</li><li><a href="mantels.htm">mantels</a></li>
</ul></li>
<li class="subnav"><ul>
<li><a href="news.htm">news</a></li>
</ul></li>
<li class="subnav"><ul>
<li><a href="woodtypes.htm">wood types</a></li>
<li><a href="phrases.htm">phrases</a></li>
</ul></li>
</ul>
</nav>
類別為“ subnav”的訂單項的第一個實例將是CSS選擇器?
如果第一個.subnav
項在單個.logo
項之后.subnav
開始,則可以使用
li.logo:first-child + li.subnav
注意,標記中的:first-child
實際上是.logo
,而不是.subnav
項之一。 如果您嘗試使用li.subnav:first-child
,這就是它不起作用的原因。
只需使用
"li.subnav:first"
如果您使用的是jQuery,則可以通過以下方式獲得第一個子導航:
$("li.subnav:first")
希望這可以幫助。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.