空间在声明样式规则的两种方式之间有什么不同

Question

这两个变化之间的功能差异是什么:

#someID.SomeClass a

和

#someID .SomeClass a

所有格式的区别是在#someID和之间插入一个空格.SomeClass.当我在观看教程时,人们有时会做空间,有时候不会,所以我不确定它是否意味着什么或只是代码设计.

谢谢!

Answer 1

#someID.SomeClass选择具有id someID 和类的元素SomeClass.

#someID .SomeClass选择具有类的元素SomeClass 并具有id为的父元素someID.

Answer 2

#someID.someClass a

会选择a上面的eh元素.但它不会选择下面示例中的元素.

这个表明它someClass是一个具有id的相同元素的类someID.然后包含在这个元素中(任意数量的级别)将是元素a.

例:

<div id="someID" class="someClass">
  ...
  <a ...> </a>
</div>

#someID .someClass a

这个表明你有一个带有id的元素,someID然后有一些级别,那里是一个类的元素,someClass最后,一些更低级别,你有元素a.

例:

<div id="someID">
  ...
  <div class="someClass">
    ...
    <a ...> ... </a>
  </div>
</div>

会选择a上面的元素.