插入符（^）： 选择元素（<h1>），其中指定属性（rel）的值以某个值（val）开头：

h1[rel^="val"] { /** formatting */ }



h1[rel^="friend"] { color: blue; }


<h1 rel="friend-external-sandwich">I'm Blue.</h1>

<h1 rel="friend2-external-sandwich">I'm Blue.</h1>

<h1 rel="external-sandwich">I'm Black.</h1>

管道（|）： 选择一个元素（<h1>），其中指定属性（rel）的值恰好是值（val）或以该值开头并紧随其后是-（val-）：

h1[rel|="val"] { /**formatting */ }



h1[rel|="friend"] { color: red; }


<h1 rel="friend-external-sandwich">I'm Red.</h1>

<h1 rel="friend2-external-sandwich">I'm Black.</h1>