I am updating an app to a new version basically copying across some pages from an existing app to a new one.
I have a problem with a list which is styled using css (selected-list) the original list displays as expected but the new list remains unaffected! The class attribute from chrome tools looks like:
New list item
class="jobslist_pge_mobilelistitem_12 ui-btn ui-btn-icon-right ui-icon-none ui-li-static ui-body-inherit ui-btn-up-c selected-list ui-first-child"
Old list item
class="Jobslist_pge_mobilelistitem_12 ui-btn-icon-right ui-icon-none ui-li-static ui-body-inherit ui-btn-up-b ui-first-child ui-last-child selected-list"
css:
.selected-list {
background-image: url("../img/truck.png")!important;
background-repeat:no-repeat!important;
background-position:right!important;
background-color:#B0BCCD!important;
text-shadow:none!important;
}
The only difference between the items is that the class item 'selected-list' appears last in the working version but is followed by ' ui-first-child' in the non working version.
Can you advice me on this issue please.