下面是包含指定值的title属性的元素样式的例子，使用（~）分隔属性和 - 在线编辑器

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>蜜蜂教程(mifengjc.com)</title>
  <style>
    [title~=hello] {
      color: blue;
    }
  </style>
</head>

<body>
  <h2>将适用:</h2>
  <h1 title="hello world">Hello world</h1>
  <p title="student hello">Hello CSS students!</p>
  <hr>
  <h2>将不适用:</h2>
  <p title="student">Hi CSS students!</p>
</body>
</html>
​x
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>蜜蜂教程(mifengjc.com)</title>
  <style>
    [title~=hello] {
      color: blue;
    }
  </style>
</head>
​
<body>
  <h2>将适用:</h2>
  <h1 title="hello world">Hello world</h1>
  <p title="student hello">Hello CSS students!</p>
  <hr>
  <h2>将不适用:</h2>
  <p title="student">Hi CSS students!</p>
</body>
</html>