.class-name是什么意思作为CSS选择器？

所以,如果我有一个名为“class-name”的CSS类,以下是什么意思？

.class-name {
  margin: 0;
}

为什么,如果我有以下HTML

<div id="some-id">
    <ul>
        <li class="class-name">
    ...

是选择器

#some-id .class-name ul li

不存在？

第一个意味着你可能认为它意味着什么：任何具有类class-name的HTML元素将具有0宽度的边距(对于每一边,即顶部,底部,左侧和右侧).

第二个问题有点微妙.这个选择器

#some-id .class-name ul li

仅适用于在ul下找到的li,它位于具有class-name类的元素下,位于id为some-id的元素下.

你必须使用这样的选择器来应用你上面的HTML：

#some-id ul li.class-name

请注意,该选择器中的li和.class-name之间没有空格.指定li.class-name表示“具有类名class-name的li”,而li .class-name(带空格)表示“在li下面找到类class-name的元素”.