Zen Coding - CSS 语法 / 样式属性

Question

我希望你能帮我翻译一下关于使用Zen Coding添加CSS属性的语法，可能是我在Zen Cheat Sheet中忽略了这部分内容。

例如，我如何缩短以下代码：

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

- user669677

---

请注意：我已经重新编写了示例，因为我想了解更多属性。 - user669677

Answer 1

这里是有关Zen Coding CSS属性的完整文档

请查看此链接

上述HTML代码的编码如下：

编辑：

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

- Tushar Ahirrao

---

我已经测试过了，但是不起作用。（记事本++）结果是：<div style="bgc:red;fl:r"></div> - user669677

好的，这个可以运行，但不幸的是它并没有缩短太多。 - user669677

Answer 2

div.red_fl_right

将其赋予一个类，然后CSS可以定义它。 从那里开始，您可以在CSS文件中编写以下内容：

red_fl_right{        
    bg
    fl:r
}

展开这两行代码后，您可以将“red”添加到bg值中；

- Tom