由于CSS遇到错误是忽略而不会有警告,因此常常因为一些粗心的小疏忽导致样式难以达到预想的效果,虽然最终可以找到错误,但一般都要花很多时间,现在特此记录与大家分享。
有一次body样式失效的原因是,css头部有一句不知道不完整的语句,导致第一个样式即body的样式失效,如下图:
另一次是整个样式表无法生效,原因如下图:
一定要写成text/css,或者干脆不写(link的type默认是text/css, script的type默认是text/javascript)
由于CSS遇到错误是忽略而不会有警告,因此常常因为一些粗心的小疏忽导致样式难以达到预想的效果,虽然最终可以找到错误,但一般都要花很多时间,现在特此记录与大家分享。
有一次body样式失效的原因是,css头部有一句不知道不完整的语句,导致第一个样式即body的样式失效,如下图:
另一次是整个样式表无法生效,原因如下图:
一定要写成text/css,或者干脆不写(link的type默认是text/css, script的type默认是text/javascript)