Css 区别于#某某ul li.某某a类“；及#某个是ulli，某个是class a？（注意空格）

我在CSS方面没有太多经验，但最近我发现在类选择器之前有空格和没有空格是有区别的。到目前为止，我只知道它们被解释为两种不同的东西……有CSS经验的人能告诉我具体的区别是什么吗？这是否也适用于id选择器

谢谢。感谢你的回答

#someid ul li.someclass a

的意思是

属于
列出具有类

someclass

且自身是
作为子代的无序列表
ID为someid的元素

someid

#someid ul li.someclass a

表示

属于
具有类

someclass

且自身是
列出属于
作为子代的无序列表
ID为someid的元素

someid

因此，以下标记中的

元素与第一条规则匹配，而与第二条规则不匹配：

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

以下标记中的

元素与第二条规则匹配，但与第一条规则不匹配：

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

两个示例：

#someid ul li.someclass a

将在本例中命中锚定标记

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

<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>

+1希望我的编辑能让事情变得更清楚。这些段落很难读懂；）@BoltClock，现在这确实清楚多了（我想我不应该总是把句子放在一起，毕竟，这是我们在这里谈论的大部分时间的代码）。编辑得不错，谢谢：）