Assembler CSS provides a wide variety of states you can use in combination with a property.
Using a particular state is done by appending to the property name the
followed by the name of the state you want to target.
<div x-style="color:royalblue; color.hover:tomato; ..."> Hover your mouse here </div>
The following states are available: