html - Apply a particular style to an element only if that element is overflowing -
is there way apply particular style element conditionally on overflowing? e.g. if have say: <div> text long, no extremely long; goes on , on , on , on. might it's bit duracell(r) bunny, without batteries, , floppy ears. </div> and div { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } // todo: there way apply rule if text overflowing? div { background-color: red; } is there way using pure css have background-color: red rule apply if text overflowing? note: can see way of doing using javascript; want know if there pure css way it.