.mixinName1() { width: 100px; height: 100px; color: red; background: blue;}div { .mixinName1;}.mixinName2(@width: 10px, @height: 10px, @color: purple, @background: yellowgreen) { width: @width; height: @height; color: @color; background: @background;}p { .mixinName2(50px, 50px, yellow, skyblue url() no-repeat);}ul { .mixinName2(); li { .mixinName2(@color: red, @background: green); }}
div {
width: 100px;
height: 100px;
color: red;
background: blue;
}
p {
width: 50px;
height: 50px;
color: yellow;
background: skyblue url() no-repeat;
}
ul {
width: 10px;
height: 10px;
color: purple;
background: yellowgreen;
}
ul li {
width: 10px;
height: 10px;
color: red;
background: green;
}