E > F

当F元素为E元素的一个子元素的时候,匹配F元素(不匹配子元素的子元素)。(来源: W3C)

HTML:

  1. <div>
  2. <p>Lorem ipsum dolor sit amet, consectetur</p>
  3. <blockquote><p>Lorem ipsum dolor sit amet, consectetur</p></blockquote>
  4. </div>

CSS:

  1. p{font-style:normal}
  2. blockquote{margin:0;padding:0}
  3. div > p{font-style:italic}

输出:

Lorem ipsum dolor sit amet, consectetur

Lorem ipsum dolor sit amet, consectetur

在这个例子中,第一个段落将会以斜体显示。