No puedo encontrar un selector de atributos CSS "no igual"

Quiero apuntar a elementos div donde el atributo "foo" tenga un valor.

<div foo="x">XXX</div>
<div foo="">YYY</div>

He probado este CSS, pero no funciona:

[foo!='']
{
   background: red;
}

Use el código como este:

div:not([foo=''])
{
    /* CSS Applied to divs having foo value Not nothing (or having a foo value assigned) */
}

:not([foo=''])
{
    background: red;
}

http://jsfiddle.net/gsLvuys0/

Un problema con la respuesta aceptada es que también seleccionará elementos que no tienen ningún fooatributo. Considerar:

<div>No foo</div>
<div foo="">Empty foo</div>
<div foo="x">XXX</div>
<div foo="y">YYY</div>
<div foo="z">ZZZ</div>

div:not([foo=''])seleccionará tanto el primer como el segundo divelemento. Si solo desea divelementos que tengan un atributo foo establecido en una cadena vacía, debe usar:

div[foo]:not([foo=''])

Si desea todos los elementos con atributo fooque no es yni z, debe usar:

div[foo]:not([foo='y']):not([foo='z'])

Puede seleccionar el primero usando

[foo = 'x']{
  background:red;
}

VIOLÍN

Lee esto