html - 伪类之后的 ">"是什么意思 ( :first-child) do in CSS?

标签 html css

<分区>

我在菜单模板中遇到了以下选择器:

#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/

相关文章:

html - 为什么 .doc 会自动下载,但不会显示在 &lt;iframe&gt; 中?

css - 使用 CSS HOVER 制作最简单的下拉菜单

html - 屏幕小的时候输入框不会填满整个空间

html - 覆盖背景颜色

jQuery 检查 css 自定义复选框是否被选中

javascript - Angular ng-repeat,重新排序动画幻灯片

javascript - 如何将html表格转换为具有多个工作表的excel?

javascript - 文档就绪在部分 View 中无法正常工作

javascript - 为什么我的更改事件没有触发?

php - 如何使用@media 包含 PHP.file?