любой CSS после этого кода не работает, в чем проблема в этом коде CSS, только в Firefox?

Question

Нижний колонтитул css после того, как css формы не работает, в чем проблема в этом коде css?

/*------------------------------------*\
    FORMS */

fieldset { padding: 10px; border: 1px solid #ccc; margin-bottom: 1.5em; }
label { display: block; cursor: pointer; }
    label:after { content:\": "; }
    label::after { content:\": "; }
input,textarea { font-family: inherit; font-size: 1em; line-height: 1.5; }
[placeholder] { cursor: pointer; }
    [placeholder]:active,[placeholder]:focus { cursor: text; }
fieldset > :last-child { margin: 0; }


footer {background:red; height:200px; width:200px}

jSfiddle http://jsfiddle.net/Aw239/

в примере jsfiddle нижний колонтитул должен иметь красный фон.

Answer 1

По крайней мере, Firefox, кажется, не понимает этого label:after { content:\": "; } Я понятия не имею, что здесь происходит, но я знаю только то, что это виновник.На самом деле я никогда не использовал контент должным образом.

Но удалите эти строки, и все пройдет гладко ... (ИЛИ переформатируйте эти две строки, как показал Кайл, и оно должно это сделать.)

Похожеему не нравится иметь закрывающие точки с запятой в одной строке со всем остальным

http://jsfiddle.net/Aw239/3/

или .. избавиться от \ х

Answer 2

Я немного отформатировал ваш CSS, и, похоже, он работает в моем FF5.http://jsfiddle.net/Aw239/2/

Answer 3

Это красный. Вы используете IE8? Потому что вам нужно использовать HTML5 shim , если вы хотите стилизовать элементы HTML5.

Это работает для вас?