I am working on a mobile site for webkit browsers. I have been trying to find information on using multiple style sheets versus a single css file. There is a lot of information on this topic, but it not a lot of information pertaining to mobile browsers. My site will have a bunch of pages that while have page specific css.

For a non-mobile site, it seems like generally people say that a single file will be faster, but that multiple files are easier to develop. However, on a mobile site is that still the case?

If you put everything in one file, that will get cached after load, but that will make the first load slower. If you had page specific files, the first page would get loaded quicker, but every other page would then take a hit while making the page specific css http request.

Does anyone have any thoughts on this?

It sounds like they are saying one file is better as long as its under 1 MB (which my files def will)?

http://www.yuiblog.com/blog/2010/07/12/mobile-browser-cache-limits-revisited/