title: How do I target elements with an attribute that has any value in CSS?
body: <p>I know that I can target elements which have a <em>specific</em> attribute in CSS, for example:</p>
  
  <pre><code>input[type=text]
  {
      font-family: Consolas;
  }
  </code></pre>
  
  <p>But is it possible to target elements which have an attribute of any value (except nothing i.e. when the attribute hasn't been added to the element)?</p>
  
  <p>Roughly something like:</p>
  
  <pre><code>a[rel=*]
  {
      color: red;
  }
  </code></pre>
  
  <p>Which should target the first and third <code>&lt;a&gt;</code> tags in this HTML:</p>
  
  <pre><code>&lt;a href="#" rel="eg"&gt;red text&lt;/a&gt;
  &lt;a href="#"&gt;standard text&lt;/a&gt;
  &lt;a href="#" rel="more"&gt;red text again&lt;/a&gt;
  </code></pre>
  
  <p>I figure it's possible because by default, <code>cursor: pointer</code> seems to be applied to any <code>&lt;a&gt;</code> tag which has a value for its <code>href</code> attribute.</p>