title: Change color of a span on hover with CSS
body: <p>I know what is the right syntax to change the color attribute of a span but I can't reproduce this behaviour and I don't know why</p>
  
  <p>This is the HTML Code:</p>
  
  <pre><code>&lt;div class="col-lg-3 col-md-3 col-sm-6 btn"&gt;
  
                      &lt;table class="table panelc" id="panelc"&gt;
                          &lt;tbody&gt;
                              &lt;tr&gt;
                                &lt;td&gt;
                                  &lt;span class="bpost-parcellocker" style="color: #EF2637; font-size: 90px; "&gt;&lt;/span&gt;
  
                                &lt;/td&gt;
                                &lt;td class="text-center text-nowrap"&gt;
                                  Vanaf&lt;br&gt;€4,00
                                &lt;/td&gt;
                              &lt;/tr&gt;
                              &lt;tr&gt;
                                  &lt;td&gt;
                                  Een pakjesautomaat
                                  &lt;/td&gt;
                                  &lt;td&gt;&lt;/td&gt;
                              &lt;/tr&gt;
                          &lt;/tbody&gt;
                      &lt;/table&gt;
  
  
              &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.table.panelc:hover, .table.panelc:hover span  {
      background-color: #EF2637;
      color: white;
   }
  </code></pre>
  
  <p>Only the content of the table will be changed but not the color for the span, why ? I did several attempts and the selector is correct.</p>
  
  <p>Indeed If I try to change the background of the span everything works well</p>