Subheading css class override behaviour changed in 1.4.2?

Subheading css class override behaviour changed in 1.4.2?

I am trying to upgrade from Jquery Mobile 1.2.0 to 1.4.2 and have struck an annoying issue with CSS styling of headings.

Sub headings <h3> etc that I have styled with a specific CSS style are no longer displaying with that style.

e.g. the below code used to apply the subtitle CSS class and now reverts to Jquery Mobile standard.

  1. <h3 class="subtitle"><a href="civilrights.php" data-role="none">The Philosophies and Strategies of the Non-Violence and Black Power Movements</a></h3>

CSS snippet

  1. .subtitle a,.subtitle a:visited{color:#db1500;text-decoration:none; !important;}

Here are some working examples showing the problem:



The thing is if I change my code round the other way things to put the <h3> inside the link tags I can get my custom style displayed.

  1. <a href="civilrights.php" data-role="none"><h3 class="subtitle">The Philosophies and Strategies of the Non-Violence and Black Power Movements</h3></a>
I would prefer not to change the 100s of subheadings on the site though. Anything obvious I am doing wrong?