:nth-last-child(n)与:nth-child(n)刚刚相反,感觉一个是正数个负数
2016-07-21
源代码错误的原因是因为在设置动画名称的时候,它把自定义的名字加上单引号了,只要把每个动画规则后面的自定义的名称去掉单引号就可以实现效果,也就是源代码没有问题了
2016-07-21
/*设置分割线,方案二利用背景图片*/
.nav li{
background: linear-gradient(to bottom,#dd2926,#a82724,#dd2926) no-repeat right / 1px 15px;
}
.nav li:last-child{
background: rgba(0,0,0,0);
}
.nav li{
background: linear-gradient(to bottom,#dd2926,#a82724,#dd2926) no-repeat right / 1px 15px;
}
.nav li:last-child{
background: rgba(0,0,0,0);
}
2016-07-21
/*设置分割线,方案一利用伪元素*/
.nav li:after{
content:"";
width: 1px;
height: 20px;
background: linear-gradient(to bottom,#dd2926,#a82724,#dd2926);
display: block;
position: absolute;
top: 15px;
right: 0px;
}
.nav li:last-child:after{
display:none;
}
.nav li:after{
content:"";
width: 1px;
height: 20px;
background: linear-gradient(to bottom,#dd2926,#a82724,#dd2926);
display: block;
position: absolute;
top: 15px;
right: 0px;
}
.nav li:last-child:after{
display:none;
}
2016-07-21
意义就在于可以减少很多不必要的选择器定义,不必遇到标签就设置class或者ID,这样做会让浏览器更便于阅读,更容易让搜索引擎优化
2016-07-21
已采纳回答 / Sofronia3427947
伪元素 after{content:'';}content属性是必须带的 。你可以为空 可以为字体内容 因为要加分割线你写文字进去那肯定不是我们想要的效果,从而控制一个空内容的after让其有宽高在用背景色实现就好了 ,跟你在后面添加一个内联元素其实是一样的道理
2016-07-21
type表示类型的意思。也就是说在选择父元素下面子元素中单一的一种类型的子元素时就可以适应only-of-type
2016-07-21