Difference between "#someid ul li.someclass a" and "#someid ul li.someclass a"? (note the spaces)

I don't have much experience with CSS, but I recently learned that there is a difference between a space before and without a class selector. So far, I only know that they are interpreted as two different things ... Can anyone who has tested in CSS explain to me what the specific difference is? Does this also apply to the id selector?

Thank. rate your answers.

+5
source share
2 answers

#someid ul li.someclass a means

, , someclass , someid.

#someid ul li .someclass a

, , someclass, , , someid.

, <a> , :

<div id="someid">
    <ul>
        <li class="someclass">
            <a href="foo.html" />
        </li>
    </ul>
</div>

<a> , :

<div id="someid">
    <ul>
        <li>
            <span class="someclass">
                <a href="foo.html" />
            </span>
        </li>
    </ul>
</div>
+9

:

#someid ul li.someclass a

<div id="someid">
  <ul>
    <li class="someclass">
      <a href="http://www.example.com">link</a>
    </li>
  </ul>
</div>

#someid ul li .someclass a

<div id="someid">
  <ul>
    <li>
      <div class="someclass">
        <a href="http://www.example.com">link</a>
      </div>
    </li>
  </ul>
</div>

, :

<div id="someid">
  <ul>
    <li class="someclass">
      <div class="someclass">
        <a href="http://www.example.com">link</a>
      </div>
    </li>
  </ul>
</div>
+4

All Articles