E[attr~="name"]

E 元素的"attr"属性有多个用空格分开的值,而且其中必须有一个值是name。(来源: W3C)

HTML:

  1. <p>Lorem ipsum dolor sit amet, consectetur</p>
  2. <p class="second paragraph">Lorem ipsum dolor sit amet, consefctetur</p>

CSS:

  1. p{font-style:normal}
  2. p[class~="second"]{font-style:italic}

输出:

Lorem ipsum dolor sit amet, consectetur

Lorem ipsum dolor sit amet, consectetur

在这个例子中,第二段文字将会以斜体显示。