首页 教程 API文档

添加css规则

2015-09-09 15:33:17

属性


使用频率
所属模块 Std.css
成员类型 公有成员函数

描述


append方法的作用是在当前模块实例生成的style下添加新的css规则.

语法



Object append(Object data);
Object append(Array dataList);
Object append(String selector,Object rules);
        

参数


名称 类型 描述
data Object 包含选择器与css规则对应的Object对象
dataList Array 包含多个css选择器与css规则对应的Object的数组
selector String css选择器
rules Object css名称与值对应的规则Object

返回值


this对象

相关例子



var css = new Std.css();
css.append("div.button",{
    color:"red",
    width:"50px",
    height:"100px",
    background:"blue"
});
css.append({
    "div.menu":{
        background:"black",
        border:"1px solid red"
    },
    "#header":{
        background:"black"
    }
});
css.append([
   {
        ".button1":{
            color:"red"
        },
        ".button2":{
            color:"black"
        }
   },
   {
        ".tab1 > .content":{
            width:"80px",
            height:"100px"
        },
        ".tab2 > .content":{
            width:"50px",
            height:"200px"
        }
   }
]);