-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
2015-07-20
原来是鼠标经过的时候才能看到效果的.wrapper div:hover {
opacity: .5;
background:blue;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
transform: scale(0.8);
}
opacity: .5;
background:blue;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
transform: scale(0.8);
}
2015-07-20
background:red;
-webkit-transform: skew(-45deg);
-moz-transform: skew(-45deg);
transform:skew(-45deg);
}
-webkit-transform: skew(-45deg);
-moz-transform: skew(-45deg);
transform:skew(-45deg);
}
2015-07-20
li:only-child {
background: orange;
}//选择的是li元素,并且li是父元素的独生子
background: orange;
}//选择的是li元素,并且li是父元素的独生子
2015-07-17
.wrapper > div:nth-last-of-type(5){
background: orange;
}
background: orange;
}
2015-07-17
.wrapper > div:first-of-type {
background: orange;
}
//:first-of-type和:first-child比较接近,不过前者可以在前面指定元素类型
background: orange;
}
//:first-of-type和:first-child比较接近,不过前者可以在前面指定元素类型
2015-07-17