为了账号安全,请及时绑定邮箱和手机立即绑定
:nth-last-child(n)与:nth-child(n)刚刚相反,感觉一个是正数个负数
:not简单说就是除了了以外的元素
源代码错误的原因是因为在设置动画名称的时候,它把自定义的名字加上单引号了,只要把每个动画规则后面的自定义的名称去掉单引号就可以实现效果,也就是源代码没有问题了
真心牛逼,更加激起了学习的斗志
这个功能很好啊 选项卡时候总是第一个或者最后一个要特殊处理 这个直接搞定
/*设置分割线,方案二利用背景图片*/
.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: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;
}
意义就在于可以减少很多不必要的选择器定义,不必遇到标签就设置class或者ID,这样做会让浏览器更便于阅读,更容易让搜索引擎优化
浏览器是支持的,貌似在线的编辑器没有反应。自家的编辑器就可以
修改styel.css中的27行-29行,让多拉A梦摇摆的更快一点吧。
貌似系统文字没写对啊 是style.ass啊。

已采纳回答 / Sofronia3427947
伪元素 after{content:'';}content属性是必须带的 。你可以为空 可以为字体内容 因为要加分割线你写文字进去那肯定不是我们想要的效果,从而控制一个空内容的after让其有宽高在用背景色实现就好了 ,跟你在后面添加一个内联元素其实是一样的道理
这些伪类选择器用到的地方还是比较多的,只是完全可以用其他常见的选择器代替,所以就感觉用到的东方很少。
type表示类型的意思。也就是说在选择父元素下面子元素中单一的一种类型的子元素时就可以适应only-of-type
不用nth-child(2n-1),大家直接nth-child(odd)就可以选中奇数行
n的值是从1开始计算的,而不是0 一定要记住这一点
课程须知
1.html+CSS相关基础知识 2.具有一定的网页制作经验 3.此课程不支持IE9版本以下,建议使用 chrome、safari、firefox、opera浏览器学习本课程。
老师告诉你能学到什么?
1.系统学习CSS3相关知识 2.轻松制作出各种绚丽的效果

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消