CSS and JQM: CSS class and id selectors not working

CSS and JQM: CSS class and id selectors not working

Hi, I am not sure if I have a CSS problem or a JQM problem, but I thought I'd start here. I have a JQM project which is using an external CSS file, as shown below. My problem is that the selectors on tags, and selectors on id (the ones with the #), they work. Class selectors or anything between [] does not. Any ideas anybody ???
 
CSS file:
 

@media all and (min-device-width:1024px)

{

/* desktop style here */

img

{

height: 100px;

width:100px;

}

.pages

{

position: relative;

width: 50%;

}

[id |= Page]

{

position: relative;

width: 50%;

}

#HeaderImage

{

margin-left: 40px;

margin-top: 20px;

margin-bottom: 20px;

float:left;

}

}

 

{

/* desktop style here */

img

{

height: 100px;

width:100px;

}

.pages

{

position: relative;

width: 50%;

}

[id |= Page]

{

position: relative;

width: 50%;

}

#HeaderImage

{

margin-left: 40px;

margin-top: 20px;

margin-bottom: 20px;

float:left;

}

 

}