html - CSS 规则不适用于 HTML 元素

Question

我做了一个，它是如何命名的:我的问题的简化版本。

http://jsfiddle.net/TRNCFRMCN/hxjp9jL9/1/

HTML

<div class="navigation">
  <div class="navigationRelative">
    <span data-href="about.1.0.0" data-alt="About" title="About" class="ueber link">    </span>
    <span data-href="artikel.1.0.1" data-alt="Artikel" title="Artikel" class="artikel link"></span>
    <span data-href="person.1.0.2" data-alt="Person" title="Person" class="person link">    </span>
  </div>    
</div>

CSS

.navigation {
  position: absolute;
  left: 172.446px;
  bottom: 0;
  width: 84px;
  height: 33px;
  background:green;
}
.navigationRelative {
  position: relative;
  width: 240px;
  height: 80px; 
}
.navigation span {
  width: 80px;
  height: 80px;
  position: absolute; 
  z-index: 1;
  cursor: pointer;
  background-size: 100%;
}

未应用 .navigation CSS。

这是什么？

我需要它来下订单。

提示:错误似乎不在 HTML 中 -> 应用了 .navigation span 规则!？!

如果你能帮助我，那绝对是 moshpit。

Answer 1

我不知道你做了什么，但是 .navigation 之后的空间不是一个普通空间。如果您将其替换为新的键入空格，它会起作用，否则不会起作用。

.navigation {   /* removed previous "space" and typed space in */
  position: absolute;
  left: 172.446px;
  bottom: 0;
  width: 84px;
  height: 33px;
  background:green;
}

原始空间是一个不间断空间(0xa0)，而它应该是一个普通空间(0x20)。查看 ASCII table供引用。