<分区>
<分区>
我在菜单模板中遇到了以下选择器:
#cssmenu ul ul li:first-child > a
我不是问大于字符或 :first-child 伪类做什么,而是这两者如何协同工作以选择他们选择的内容。
这是 HTML:
<div id='cssmenu'>
<ul>
<li><a href='#'><span>Home</span></a></li>
<li class='active has-sub'><a href='#'><span>Products</span></a>
<ul>
<li class='has-sub'><a href='#'><span>Product 1</span></a>
<ul>
<li><a href='#'><span>Sub Product</span></a></li>
<li class='last'><a href='#'><span>Sub Product</span></a></li>
</ul>
</li>
<li class='has-sub'><a href='#'><span>Product 2</span></a>
<ul>
<li><a href='#'><span>Sub Product</span></a></li>
<li class='last'><a href='#'><span>Sub Product</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a href='#'><span>About</span></a></li>
<li class='last'><a href='#'><span>Contact</span></a></li>
</ul>
</div>
最佳答案
这只是你的花园品种 child selector 强>。在这种情况下,它选择第一个列表项的子项。
关于html - 伪类之后的 ">"是什么意思 ( :first-child) do in CSS?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32144051/