1、 .slider li:nth-of-type(1) a到.slider li:nth-of-type(5) a
2、 .slider li:nth-of-type(n) a::after
3、 .slider li:nth-of-type(1) a::after到 .slider li:nth-of-type(5) a::after
4、 .slider a::before
5、 .slider a:hover::before
6:、.slideLeft(slideBottom/zoomIn/zoomOut/rotate):target
7、 .bg:not(:target)
2、 .slider li:nth-of-type(n) a::after
3、 .slider li:nth-of-type(1) a::after到 .slider li:nth-of-type(5) a::after
4、 .slider a::before
5、 .slider a:hover::before
6:、.slideLeft(slideBottom/zoomIn/zoomOut/rotate):target
7、 .bg:not(:target)
2017-01-05
transform: matrix(1,0,0,1,30,30); /*matrix(a,b,c,d,x,y) 其中a,d为scale缩放,a缩放x轴,b缩放y轴,默认为1(cosθ), 其中b,c为rotate旋转,默认为0(sinθ), 最后x,y分别在x轴和y轴的偏移量*/
2017-01-05
/*导航部分的分隔符, linear-gradient的颜色效果就是让分隔符不会显得很突兀,后面的“/”的意思是 background-size的简写 ,也可以把“/”及以后的部分删掉,单独写background-size即可*/
.nav li{background:linear-gradient(to bottom,#f65f57,#a82724,#f65f57) no-repeat right / 1px 15px;}
.nav li{background:linear-gradient(to bottom,#f65f57,#a82724,#f65f57) no-repeat right / 1px 15px;}
2017-01-05
选择1000以内的素数
li:first-child,
li:nth-child(2n + 4),
li:nth-child(3n + 6),
li:nth-child(5n + 10),
li:nth-child(7n + 14),
li:nth-child(11n + 22),
li:nth-child(13n + 26),
li:nth-child(17n + 34),
li:nth-child(19n + 38),
li:nth-child(23n + 46),
li:nth-child(29n + 58),
li:nth-child(31n + 62){
color: #ddd;
}
li:first-child,
li:nth-child(2n + 4),
li:nth-child(3n + 6),
li:nth-child(5n + 10),
li:nth-child(7n + 14),
li:nth-child(11n + 22),
li:nth-child(13n + 26),
li:nth-child(17n + 34),
li:nth-child(19n + 38),
li:nth-child(23n + 46),
li:nth-child(29n + 58),
li:nth-child(31n + 62){
color: #ddd;
}
2017-01-05
此选择器与jq一样,会影响带有selected属性的option标签。例如:
html中添加:
<select>
<option>123</option>
<option selected>456</option>
</select>
css中添加:
:checked {
border: 2px solid red;
}
html中添加:
<select>
<option>123</option>
<option selected>456</option>
</select>
css中添加:
:checked {
border: 2px solid red;
}
2017-01-03
最赞回答 / hello_2
在css3以前,伪类和伪元素都是单冒号,css为了区分伪类伪元素,将伪元素规定为双冒号,但是一些旧的浏览器不支持css3,所以建议还是写单冒号,以保持向后兼容性
2017-01-02
将div的默认样式改成黑色就很好看清楚了。如果没有animation-delay的话没有区别,加了delay:1s之后,
1、none在delay的1s内会呈现初始样式效果。
2、backwards在delay的1s内会呈现第一帧的样式效果。
3、forwards会在动画结束之后保持最后一帧的样式效果。
4、both会在delay的1s内呈现第一帧的样式效果,并且在动画结束之后保持最后一帧的样式效果。
我觉得解释的很完美~~(祖蓝脸)
1、none在delay的1s内会呈现初始样式效果。
2、backwards在delay的1s内会呈现第一帧的样式效果。
3、forwards会在动画结束之后保持最后一帧的样式效果。
4、both会在delay的1s内呈现第一帧的样式效果,并且在动画结束之后保持最后一帧的样式效果。
我觉得解释的很完美~~(祖蓝脸)
2017-01-01
原始背景设置为黑色:
none; 从黑开始变化,变化完成后回到黑色;
forwards: 从黑开始变化,变化完成后停在最后一个背景颜色;
backwards: 从变化颜色的第一个颜色开始,变化完成后回到黑色;
both: 从变化颜色的第一个颜色开始,变化完成后停在最后一个背景颜色。
none; 从黑开始变化,变化完成后回到黑色;
forwards: 从黑开始变化,变化完成后停在最后一个背景颜色;
backwards: 从变化颜色的第一个颜色开始,变化完成后回到黑色;
both: 从变化颜色的第一个颜色开始,变化完成后停在最后一个背景颜色。
2016-12-31