newbie getting started with .ui-btn

newbie getting started with .ui-btn

Hi all,

Just getting started and I have some links on a page working fine and each looks the same with the theme settings I have set up like:


<a href="#" class="ui-btn" >Page1</a> <br />
<a href="#" class="ui-btn" >Page2</a> <br />
<a href="#" class="ui-btn" >Page3</a> <br />
<a href="#" class="ui-btn" >Page4</a>


but I would like an alternate button UP - background-color for *every other one* - so I tried something like:

<a href="#" class="ui-btn" >Page1</a> <br />
<a href="#" class="ui-btn" style="background-color:#CCCCCC">Page2</a> <br />
<a href="#" class="ui-btn" >Page3</a> <br />
<a href="#" class="ui-btn" style="background-color:#CCCCCC">Page4</a>

but that over-rode the hover and visited settings ....

I would prefer to just be able to add extra css to this 1 page only and not have to dig deep into the JQM theme-a and/or theme-b setting which look complex for me right now.


Q: So how can I simply have a 2nd background-color - ONLY NEEDED for the UP BUTTON STATE for every other link?