代码之家  ›  专栏  ›  技术社区  ›  Sam Becker

CSS中如何使用“大于”或“>”字符?

  •  135
  • Sam Becker  · 技术社区  · 17 年前

    我在CSS文件中多次看到这个字符,但我不知道它是如何使用的。有人能给我解释一下,并说明它们在简化页面样式方面是如何有用的吗?

    4 回复  |  直到 13 年前
        1
  •  225
  •   J. Scott Elblein roon    13 年前

    P > SPAN 意味着将随后的样式应用于作为一个元素的子元素的所有跨度标记 P 标签

    P SPAN 是一个 后代选择器 ,将随后的样式应用于所有 SPAN 标记的子项 标记或递归地标记任何其他标记的子项,这些标记是 P P>跨度 跨度 标记的子项 P 标签

        2
  •  149
  •   Brian Campbell Dennis Williamson    17 年前
    p em
    

    <em> 那是在一年之内 <p> . 例如,它将匹配以下内容 < s:

    <p><strong><em>foo</em></strong></p>
    <p>Text <em>foo</em> bar</p>
    

    p > em
    

    <em> 是孩子的直系亲属 <p> . 因此,它将匹配:

    <p>Text <em>foo</em> bar</p>
    

    但不是:

    <p><strong><em>foo</em></strong></p>
    
        3
  •  9
  •   Adam Alexander    17 年前

    这称为子组合器:

    添加了一个子组合选择器 其他文件中包含的要素 指定元素。例如 div标记内部超链接的颜色 因为他们有 黑暗的背景。这可能是 将div与类资源相结合 combinator将该对与, 如下图所示:

    div.resources > a{color: white;}
    

    (来自 http://www.xml.com/pub/a/2003/06/18/css3-selectors.html

        4
  •  4
  •   Community Mohan Dere    6 年前
    E > F
    

    匹配作为元素E的子元素的任何F元素。

    http://www.w3.org/TR/CSS21/selector.html#child-selectors