CSS规范级别

Question

我正在尝试通过CSS了解HTML元素的规范。我很难区分两种不同的类型。区别在于a和类名some-class之间的空格：

情况1：

a .some-class {
    padding: 1rem;
}

情况2：

a.some-class {
    padding: 1rem;
}

两者之间有什么区别？案例2是否比案例1更具体？

Answer 1

案例1 选择嵌套在onLost标签内的类some-class：

a

a .some-class {
  color: red;
}

案例2 选择元素<a href="#"><p class="some-class">Some text</p></a> <!-- a .some-class --> <a href="#" class="some-class"><p>Some text</p></a> <!-- a.some-class --> 类a：

some-class

a.some-class {
  color: red;
}