我们可以覆盖Jquery mobile themeroller吗?

时间:2013-01-29 10:01:10

标签: jquery css html5 jquery-mobile

我们目前正在开发一种复杂的jquerymobile设计。我们最初从Jquerymobile themeroller(http://jquerymobile.com/themeroller/)设置我们的强制性自定义设计主题。尽管Jquerymobile themeroller设计了我们的自定义移动主题模板,但我们需要对其进行更多自定义。

因此,我们是否应该为我的要求创建另一个单独的css文件并覆盖/添加所需的样式?

In this option I figured in most cases we need defined "!important" into each css styles. Because currently following css files are reading
1) Jquery css file .
2) Jquery themeroller gernerated css file.
3) Custom override css file. 

OR

我们可以编辑Jquerymobile themeroller生成的css文件并将其更新为我们的要求吗?是否建议更新Jquerymobile themeroller生成的css文件,我的意思是它会带来任何瓶颈吗?

有人可以推荐我应该选择哪个选项吗?

2 个答案:

答案 0 :(得分:1)

正在开发移动性能时,应优先考虑您的优先级列表。因此,限制浏览器必须请求的样式表的数量是有意义的(每个HTTP请求都会增加渲染页面所需的时间)。在这种情况下,使用您获得的CSS文件是有意义的。编辑主题滚轮生成的现有规则或在文件底部添加替代。

答案 1 :(得分:1)

我建议修改jQuery Themeroller CSS。避免额外的HTTP请求(自定义覆盖css)以提高性能。