title: Can I have an onclick effect in CSS?
body: <p>I have an image element that I want to change on click.</p>
  <pre><code>&lt;img id=&quot;btnLeft&quot;&gt;
  </code></pre>
  <p>This works:</p>
  <pre class="lang-css prettyprint-override"><code>#btnLeft:hover {
      width: 70px;
      height: 74px;
  }
  </code></pre>
  <p>But what I need is:</p>
  <pre class="lang-css prettyprint-override"><code>#btnLeft:onclick {
      width: 70px;
      height: 74px;
  }
  </code></pre>
  <p>But, it doesn't work, obviously. Is it possible at all to have <code>onclick</code> behavior in CSS (i.e., without using JavaScript)?</p>