当一个类在id之后出现时意味着什么：

Question

当一个类在id之后（它们之间没有空格）时，它在css中意味着什么？比如：

#bgimage.header-image

由于

Answer 1

这意味着此公式将用于相同的元素，例如

<div id="bgimage" class="header-image"></div>

如果您在#bgimage和.header-image之间留出空间，那么它将用于：

<div id="bgimage"><div class="header-image"></div></div>

Answer 2

它表示同时具有id和class的元素。例如：

<div id="bgimage" class="header-image"></div>

Answer 3

请参阅下面的示例，了解选择器之间的区别。

＆＃13;

＆＃13;

/* _class should be a child of _id */
#_id ._class{
  background: #ccc;
  width: 100px;
  height: 100px;
}

/* It should have both id and class */
#_id._class{
  background: #faa;
  width: 100px;
  height: 100px;
}

＆＃13;

<div id="_id">
  <div class="_class">
      Box 1
  </div>
</div>


<div class="_class" id="_id">
  Box 2
</div>

＆＃13;

＆＃13;

＆＃13;