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 <crestchristop...@gmail.com> 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 [css-d@lists.css-discuss.org] > 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 [css-d@lists.css-discuss.org] 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/