title: What does this mean: body[data-page~='hello'], in CSS3?
body: <p>In CSS3, what is the difference between:</p>
  
  <pre><code>body[data-page~='hello'] {
  
  }
  </code></pre>
  
  <p>and</p>
  
  <pre><code>body[data-page='hello'] {
  
  }
  </code></pre>
  
  <p>I have seen that the ~ is known as the general sibling combinator, <a href="http://css-tricks.com/child-and-sibling-selectors/" rel="nofollow">http://css-tricks.com/child-and-sibling-selectors/</a> but I don't understand it in the context above.</p>
  
  <p>Thanks.</p>