这些选择器之间的差异

Question

这些选择器之间有什么区别吗？

div.demo和div .demo

div#demo和div #demo

是否选择了相同的元素？

div.demo{some code}
div .demo{some code}

Answer 1

是的，有。

div.demo会将div与班级demo

相匹配

<div class="demo">

div .demo会在demo：

中包含任何类div的内容

<div>
  <span class="demo">
</div>

与id选择器#相同。

Answer 2

div.demo

将选择div类demo而

div .demo

将选择div的任何后代，类demo。第二种情况的概念相同。