正确答案
/*分隔线*/
.nav li:after{
content:'';
position:absolute;
width:1px;height:10px;
background:linear-gradient(to bottom,#dd2926,#a8282,#dd2926);
right:0px;
top:50%;
margin-top:-5px;
}
删除第一项和最后一项导航分隔线
.nav li:last-child:after{content:none;}
/*分隔线*/
.nav li:after{
content:'';
position:absolute;
width:1px;height:10px;
background:linear-gradient(to bottom,#dd2926,#a8282,#dd2926);
right:0px;
top:50%;
margin-top:-5px;
}
删除第一项和最后一项导航分隔线
.nav li:last-child:after{content:none;}
2017-02-13
说下大致思路,首先给 three-d-box 设置一个 transition是不可少的
然后每个 a 标签里面有两个 span 一个叫 font 一个叫 back,默认状态下 font 旋转0度,也就是没旋转,back 旋转-90度,现在你只能看得到 font 看不到 back 当鼠标移动到上面去的时候(任务5这两个样式控制,移动到上面来的时候旋转90度),控制 three-d-box旋转90度,这样,原来的 font 就旋转到后面去了,back 就变成正面朝前了 就可以看到了
然后每个 a 标签里面有两个 span 一个叫 font 一个叫 back,默认状态下 font 旋转0度,也就是没旋转,back 旋转-90度,现在你只能看得到 font 看不到 back 当鼠标移动到上面去的时候(任务5这两个样式控制,移动到上面来的时候旋转90度),控制 three-d-box旋转90度,这样,原来的 font 就旋转到后面去了,back 就变成正面朝前了 就可以看到了
2017-02-11
border-image:url(http://img1.sycdn.imooc.com//52e22a1c0001406e03040221.jpg) 10 repeat; 选取"10"的话能被100 和 450 整除,铺出来没有压缩或者拉伸的效果
2017-02-08
最新回答 / sherryliu
刚想到一个解释,<div class="first”>作父元素,子元素有“second” p3 p4 p5(希望你们看得懂),符合2n+1的位置的是“second”和p4,由于选的是p元素,所以这一选择中p4变红,second不变;<div class="second">作父元素,子元素有h1和p2,p2不在2n+1的位置上,故两个都不变;<h1 class="third">做父元素,子元素有p1,在2n+1的位置上,变红。是这样吗?我都怀疑我是不是真的理解父元素的意思...
2017-02-08