html - 此代码后的任何 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:\": "; 我不知道这里发生了什么，但我只知道它是罪魁祸首。我从未真正正确地使用过内容。

但是，删除这些行，一切都会顺利进行..(或者按照 Kyle 展示的那样重新格式化这两行，它应该这样做。)

似乎它不喜欢与其他所有内容在同一行中结束分号

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

或者.. 去掉 \ 的？