title: Using :focus to style outer div?
body: <p>When I begin writing text in the textarea, I want the outer div, with a class box, to have its border turned solid instead of dashed, but somehow the :focus doesn't apply in this case. If it works with :active, how come it doesn't work with :focus?</p>
  <p>Any ideas why?</p>
  <p>(Note. I want the DIV's border to turn solid, NOT the textareas)</p>
  <pre><code>div.box
  {
      width: 300px;
      height: 300px;
      border: thin dashed black;
  }
  
  div.box:focus{
      border: thin solid black;
  }
  
  &lt;div class=&quot;box&quot;&gt;
      &lt;textarea rows=&quot;10&quot; cols=&quot;25&quot;&gt;&lt;/textarea&gt;
  &lt;/div&gt;
  </code></pre>