title: With CSS, can I change the property of a child element when I hover on a parent element?
body: <p>I have a div and a span inside of it (with some text and a border).</p>
  
  <pre><code>&lt;div id='div1'&gt;
      &lt;span id='span1' style='border-right: 1px black solid'&gt;Some text&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What I want to do is: when I hover my mouse over that div, I would like to remove the border from the span. And when I move out of the div, I want the border to come back as it was.</p>
  
  <p>Can I do this with CSS or should I resort to JS/jQuery?</p>
  
  <p>Thanks a lot in advance.</p>