1 2 3 4 5 | @border-color : #b5bcc7; .mythemes tableBorder{ border : 1px solid @border-color; } |
1 2 3 | .mythemes tableBorder { border: 1px solid #b5bcc7; } |
1 2 3 4 5 6 7 8 9 10 11 | @width : 20px; #homeDiv { @width : 30px; #centerDiv{ width : @width;// 此处应该取最近定义的变量 width 的值 30px } } #leftDiv { width : @width; // 此处应该取最上面定义的变量 width 的值 20px } |
1 2 3 4 5 6 | #homeDiv #centerDiv { width: 30px; } #leftDiv { width: 20px; } |
1 2 3 4 5 6 7 8 9 10 11 12 13 | // 定义一个样式选择器 .roundedCorners(@radius:5px) { -moz-border-radius: @radius; -webkit-border-radius: @radius; border-radius: @radius; } // 在另外的样式选择器中使用 #header { .roundedCorners; } #footer { .roundedCorners(10px); } |
1 2 3 4 5 6 7 8 9 10 | #header { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } #footer { -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | // 定义一个样式选择器 .borderRadius(@radius){ -moz-border-radius: @radius; -webkit-border-radius: @radius; border-radius: @radius; } // 使用已定义的样式选择器 #header { .borderRadius(10px); // 把 10px 作为参数传递给样式选择器 } .btn { .borderRadius(3px);// // 把 3px 作为参数传递给样式选择器 } |
1 2 3 4 5 6 7 8 9 10 | #header { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .btn { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } |
1 2 3 4 5 6 7 8 | .borderRadius(@radius:5px){ -moz-border-radius: @radius; -webkit-border-radius: @radius; border-radius: @radius; } .btn { .borderRadius; } |
1 2 3 4 5 | .btn { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } |
1 2 3 4 5 6 7 8 | .boxShadow(@x:0,@y:0,@blur:1px,@color:#000){ -moz-box-shadow: @arguments; -webkit-box-shadow: @arguments; box-shadow: @arguments; } #header { .boxShadow(2px,2px,3px,#f36); } |
1 2 3 4 5 | #header { -moz-box-shadow: 2px 2px 3px #FF36; -webkit-box-shadow: 2px 2px 3px #FF36; box-shadow: 2px 2px 3px #FF36; } |
1 2 3 4 | #mynamespace { .home {...} .user {...} } |
欢迎光临 电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛 (http://bbs.eccn.com/) | Powered by Discuz! 7.0.0 |