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/

或者......摆脱\的？

Answer 2

我格式化了你的CSS，它似乎在我的FF5中工作。 http://jsfiddle.net/Aw239/2/

Answer 3

是红色的。你在使用IE8吗？因为如果要设置HTML5元素的样式，则需要使用HTML5 shim。

Does this work for you?

这个代码不起作用后的任何css，这个css代码中的问题是什么，只在firefox中？

3 个答案: