Original JQuery Mobile CSS File organization

Starting with JQuery Mobile 1.4, CSS consists of 3 parts, namely Icons, theme, and structure

JQUERY.MOBILE-1.4.X.CSS: Includes < standard icon library >, Theme and Structure;

JQUERY.MOBILE.EXTERNAL-PNG-1.4.X.CSS: Package expands < external PNG icon library >, Theme and Structure;

jquery.mobile.icons-1.4.x.css: standard icon Library, including < built-in SVG icon library > and < external PNG icon library, the browser will first use < built-in SVG icon Library, if not supported, and then retired to use < external PNG icon Gallery >; You can also modify the HTML tag to ui-nosvg "> forced use < external PNG icon Gallery >;

jquery.mobile.inline-png-1.4.x.css: Built-in PNG icon library

JQUERY.MOBILE.INLINE-SVG-1.4.X.CSS: Built-in SVG icon Library

jquery.mobile.structure-1.4.x.css: structure, if you want to customize the theme, you can refer to it in the following order: Jquery.mobile.icons-1.4.x.css, jquery.mobile.structure-1.4.x.css, Custom.theme.css

Jquery.mobile.theme-1.4.x.css:theme, the standard theme

Note 1: The external icon library needs to rely on the Icons-png folder under the Images folder;

Note 2: It is strange why there is no independent < external icon library > file, if necessary, from the standard icon library to modify one out of it;

Original JQuery Mobile CSS File organization