On 31/08/2012 8:47 AM, Micky Hulse wrote:
Correction:
" Better yet, is that a valid idea?"
I meant to say "valid code".
I've just tested:
<div style="height: 20px; background-color: #000; @media only screen
and (min-width: 1005px) { background-color: #eee; }"></div>
It don't work none. :(
Back to the drawing board! :D
Thanks,
M
Media queries usually contain selectors.
http://www.w3.org/TR/CSS21/media.html#at-media-rule
Could you use embedded style in the <head> element? Also since you have
inline style, you need to use '!important' to override the inline style.
<!doctype html>
<style type="text/css">
@media only screen and (min-width: 1005px) {
div { background-color: #eee !important; }
}
</style>
<div style="height: 20px; background-color: #000;">vvvvv</div>
--
Alan Gresley
http://css-3d.org/
http://css-class.com/
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
