Я сделал, как это называется: урезанную версию моей проблемы.

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%;
}

CSS .navigation не применяется.

Что это?

Мне он нужен для заказа.

Подсказка: По-видимому, ошибка не в HTML -> применяется правило .navigation span!?!

Был бы совсем мошпит, если бы вы мне помогли.

2
user32342534 13 Авг 2014 в 12:20

3 ответа

Лучший ответ

Я не знаю, что вы сделали, но пробел после .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.

4
user2864740 13 Авг 2014 в 13:39
Я в основном использую SUBLIME 2. Может быть, он что-то выплевывает, предлагая скобки или около того. Файл был свежий. Не было подсказки для .navigation... или около того. Я помню.
 – 
user32342534
13 Авг 2014 в 12:37
Это самая странная ошибка, которую я когда-либо видел в файле css.
 – 
Mathijs Segers
13 Авг 2014 в 12:39
1
Я принял ваш ответ как отмеченный, потому что вы приложили некоторые усилия, чтобы найти этот фактический код символа.
 – 
user32342534
13 Авг 2014 в 12:40
1
Да, это так. Отвлек меня на день.
 – 
user32342534
13 Авг 2014 в 12:41

Вы используете неразрывный пробел между именем вашего класса CSS и открывающей скобкой. Замени его штатным пробелом, и все нормально работает.

1
Robby Cornelissen 13 Авг 2014 в 12:29

Неразрушаемое пространство &nbsp вызывает проблему в вашем CSS, как показано на изображении ниже.

enter image description here

1
4dgaurav 13 Авг 2014 в 12:39