css - 此类以 css 为目标的类有什么区别？

Question

假设我想定位一个 span 类元素:

如果我这样做，它没有任何效果:

ul#sponsors li span .spanelement {
}

但如果我这样做:

ul#sponsors li span.spanelement {
}

它正在工作。这里有什么区别？

Answer 1

这个:

ul#sponsors li span .spanelement { }

用 class="spanelement" 匹配任何元素, 但它必须在跨度内(在 li 内，在 ul 内，id="sponsors")。

这个:

ul#sponsors li span.spanelement { }

匹配<span class="spanelement">本身(前提是它位于 ul 内的 li 内，id="sponsors")。