CSS issue when using JQuery Mobile + Backbone.js
I would like to override some JQM classes such as .ui-header and some others.
So I have index.html file where I load css in this order.
Basically what happens is that all other styles( in myCustom.css) are applied, just those where I override JQM classes are not.
- <!DOCTYPE html>
- <html >
- <meta name="viewport" content="width=device-width, initial-scale=1"><!--user-scalable=no -->
- <link href="Content/jquery.mobile-1.3.0.min.css" rel="stylesheet" type="text/css" />
- <link href="Content/myCustom.css" rel="stylesheet" type="text/css" />
- <!-- Here are script references -->
- </html >
I noticed that if I use <style>/*my override css rules*/ </style>tag in the head of index.html then rules are applied. This is strange behavior and i cannot discover cause, so any help is welcome.
P.S. sorry if my English is bad :)