last-child: после не рендеринга в Chrome? Проблема с использованием псевдоэлемента? [закрыто]

Этот вопрос вряд ли поможет будущим посетителям; это актуально только для небольшой географической области, определенного момента времени или исключительно узкой ситуации, которая обычно не применима к всемирной аудитории Интернета. Чтобы сделать этот вопрос более применимым, посетите справочный центр .

Закрыт 7 лет назад .

У меня проблема только с Chrome (отлично работает в FF и Safari, не беспокоясь об IE), что заставляет меня задуматься, ошибка ли это, Если я' m неправильно использует псевдоэлементы, или если вы не должны комбинировать псевдоклассы и псевдоэлементы.

Что происходит, так это то, что Chrome, кажется, видит content = "-"; в last-child: после правила , но не отображает его. Если я открою инструменты разработчика и поиграю с некоторыми свойствами (например, включение и выключение поля), он внезапно появится.

Вот урезанный код:

HTML:


    One
    Two
    Three



    This is a footer

CSS:

ul { text-align: center; }

#footer { text-align: center; margin-top: 200px;}

li:first-child:before, li:last-child:after, #footer:before {
    display: block;
    content: "-";
    color: red;
    margin: 10px 0;
}

Также здесь: http://jsfiddle.net/D4T6L/4/

Кажется, не имеет значения, объявляю ли я это отдельно или все вместе, как у меня.

Может кто-нибудь пролить немного светится, что я делаю не так?

html css

задан 15 March 2011 в 20:29

0 ответов

Другие вопросы по тегам:

html css

last-child: после не рендеринга в Chrome? Проблема с использованием псевдоэлемента? [закрыто]

0 ответов

Похожие вопросы: