title: Change element CSS by hovering another
body: <p>How can I change element CSS by hovering an another element in CSS?</p>
  
  <p>We use this:</p>
  
  <pre><code>.example .example2 li:hover .element
  </code></pre>
  
  <p>If we have:</p>
  
  <pre><code>&lt;div class='example'&gt;&lt;div class='example2'&gt;&lt;li&gt;&lt;/li&gt;&lt;/div&gt;&lt;/div&gt;
  &lt;div class='element'&gt;&lt;/div&gt;
  </code></pre>
  
  <p>But if we have:</p>
  
  <pre><code>&lt;div class='example'&gt;&lt;div class='example2'&gt;&lt;li&gt;&lt;/li&gt;&lt;/div&gt;&lt;/div&gt;
  &lt;div class='exemple2'&gt;&lt;div class='element'&gt;&lt;/div&gt;&lt;/div&gt;
  </code></pre>
  
  <p>we could not use  <code>.example .example2 li:hover .exemple2 .element</code></p>
  
  <p>Is there any method to put the parent element <code>.exemple2</code> to select his child <code>.element</code> in the hover?</p>