title: CSS Attribute Selector: Apply class if custom attribute has value? Also, will it work in IE7+?
body: <p>I'd like to use CSS Attribute Selector to apply a class to some spans, but only if they have content.  I have a custom attribute that will only have a value if the span has content: "entityvalue".  When using the CSS below, it does not apply the class to any elements, even if <code>entityvalue='1634'</code> is in the HTML.</p>
  
  <pre><code>.ApplicationName[entityvalue="*"]  {
                   display: inline;
                   background-image: url("../images/icon_application.PNG");
                   background-repeat: no-repeat;
                   background-position: left;
                   padding-left: 12px;
                   }
  </code></pre>
  
  <p>I tried <code>.ApplicationName[entityvalue!=""]</code> as found on some sites but apparently it's not in the CSS standards (doesn't work in Chrome) which really sucks, because <code>.ApplicationName[entityvalue=""]</code> does exactly the opposite of what I need...</p>
  
  <p>Here are examples of a span/div WITH content (that should be styled) and a span/div WITHOUT content (which should NOT be styled):</p>
  
  <pre><code>&lt;div class="ApplicationName Redirect" entitytype="Application" entityvalue=""&gt;&lt;/div&gt;
  
  &lt;div class="ApplicationName Redirect" entitytype="Application" entityvalue="1234"&gt;Microsoft Outlook&lt;/div&gt;
  </code></pre>