title: CSS for element not in focus, not active, and not being hovered over
body: <p>I want to set a property on a checkbox when it is not in focus, not active, and not being hovered over.  Would the following work?</p>
  
  <pre><code>.ui-chkbox-box:not(:focus):not(:active):not(:hover) {
         background: white;
  }
  </code></pre>
  
  <p>If not, how to do it?  Thanks for any help</p>