title: How can I invert color using CSS?
body: <p>HTML</p>
  
  <pre><code>&lt;div&gt;
      &lt;p&gt;inverted color&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>div {
      background-color: #f00;
  }
  p { 
      color: /* how to use inverted color here in relation with div background ? */
  }
  </code></pre>
  
  <p>Is there any way to invert the <code>p</code> color with CSS?</p>
  
  <p>There is <code>color: transparent;</code> why not <code>color: invert;</code> even in CSS3?</p>