zen coding - css syntax/ style attribute

Question

I can't find the syntax about adding CSS properties using zen coding. Maybe I have overlooked the zen-cheat-sheet.

For example, how can I shorten the following:

<div style="background-color: red; float: right;"></div>

Answer 1

Here is full documentation on css property for zen coding way

See this

Your code for above html will be like this :

EDIT :

div[style=background-color:red;float:right;]

Answer 2

div.red_fl_right

Would give it the class that the CSS could then define. From there, you could write this in the CSS file:

red_fl_right{        
    bg
    fl:r
}

After expanding both lines, you can add the "red" to the bg value;