E + F

毗邻元素选择器,匹配所有紧紧跟随E元素之后的同级元素F。(来源: W3C)

HTML:

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

CSS:

  1. p{font-style:normal}
  2. p + p{font-style:italic}

输出:

Lorem ipsum dolor sit amet, consectetur

Lorem ipsum dolor sit amet, consectetur

在这个例子中,第二个段落将会以斜体显示。
注意,E + F 和 E ~ F 的区别,前者是仅仅跟随,后者是只要F前面有E就行——神飞注。