CSS Rel не работает в Google Chrome? - PullRequest
Новая
       4

CSS Rel не работает в Google Chrome?

2 голосов
/ 24 декабря 2011

Я попытался добавить некоторые CSS, специфичные для атрибута rel, и показать его в chrome.Пример: 

pre[rel="js"]:before {
   content:"JavaScript";
}

pre[rel="css"]:before {
   content:"CSS";
}

Затем, конечно, добавьте к нему HTML.В chrome все оказывается «JavaScript» и раньше, игнорируя остальную часть CSS, хотя в Firefox все работает просто отлично.*

1 Ответ

2 голосов
/ 24 декабря 2011

Ха. Это действительно странно. Определенно ошибка Chrome.

Я могу надежно воспроизвести вашу проблему в Chrome 16.0.912.63

Добавление 

pre[rel] {
  font-size:1em;
}

для таблицы стилей устраняет проблему, но, похоже, в предложении должен быть хотя бы один допустимый стиль.

Нет причин думать, почему это должно быть намеченное поведение.

Обратите внимание, что если бы вы использовали класс вместо недопустимого использования атрибута rel, проблема бы не возникла. например Используйте 

<pre class="js code">

и 

pre.js:before {
    content:"JavaScript";
    padding-right:434px;
}

и т.д.

...