If I understand you correctly, no.
You can do:
body {
background-image: url('my300pximage.jpg');
}
@media and (min-width: 700px) {
body {
background-image: url('my700pximage.jpg');
}
}
With sass you can do this:
body {
background-image: url('my300pximage.jpg');
@media and (min-width: 700px) {
background-image: url('my700pximage.jpg');
}
}
On Fri, Aug 5, 2016 at 3:02 PM Crest Christopher <[email protected]>
wrote:
> Is it possible to do conditions within a rule for an element; similar to
> MQ. For example, you may have a break point that if the screen is 300px
> and 700px then a background image of 300px width or close will be
> displayed, otherwise a background image of a 700px width will be
> displayed ?
> ______________________________________________________________________
> 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/
>
______________________________________________________________________
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/
