表单的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示例中,页脚应为红色背景。

最佳答案

至少firefox似乎不了解label:after { content:\": "; }我不知道这是怎么回事,但我所知道的是这是罪魁祸首。我从未真正正确地使用过内容。

但是,删除这些行,一切都将顺利进行。(或重新格式化这两行,如Kyle所示,它应该这样做。)

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

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

或者..摆脱\的?

关于html - 此代码后无法正常工作的任何CSS,仅在Firefox中,此CSS代码有什么问题?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/6979997/

10-12 12:54
查看更多