CSS: if data-atributo

Si utilizais en html5 los data attributes y quereis jugar desde css en función del valor de un determinado data-atributo a continuación unos ejemplos:

Un html y css de ejemplo para que veáis el resultado:

<div class="elemento" data-comentarios="56"></div>
<div class="elemento" data-comentarios=""></div>
<div class="elemento"></div>

.elemento{
  width: 50px;
  height: 50px;
  margin-bottom: 20px;
}

Si existe atributo data y su valor es «diferente de vacio»

/* if ( data != "" ) */
.elemento:not([data-comentarios=""]) {
  background-color: red;
}

Si existe el atributo data y su valor es «igual a vacio»

/* if ( data == "" ) */
.elemento[data-comentarios=""] {
  background-color: blue;
}

Si «No existe» el atributo data

/* if ( !isset( data ) ) */
.elemento:not([data-comentarios]) {
  background-color: green;
}