为了账号安全,请及时绑定邮箱和手机立即绑定
不转!我是菜鸟。

最赞回答 / 慕粉3817178
这里的背景层级问题是指前一张图和后一张图的层级。你可以尝试一下注释掉.bg:not(:target)的代码再F5+ctrl刷新试试点击各个图片,可以观察到当你点下一张图片的时候,前一张图片并不一定是你点击前的那张图片,也就是说它们的显示层级有问题,前后层级不对。你的说的还是会显示不被切换的背景这个问题,这个是动画决定的,因为animation-duration: 1s决定了切换背景完成的动作需要1s才能完成,所以在这一秒钟内,上一张背景还是会出现的。
a[href$=doc]{
background:green;
}
a[class^=c]{
background:red;
}
a[title*=box]{
background:blue;
}
<style type="text/css">
a[class^=columnNews],
[class^=columnVideo],
[class^=columnAboutUs]{
background:red;
}

a[href$=doc]
{background:green;}

a[title*=box]{background:blue;}
</style>
真心不错啊,这可比JS好多了
感觉这个教程不怎么好,前面简单用这种形式还好,也不浪费时间,但是后面这些复杂的还是有视频讲解比较好,这样对没有基础的人来说有些难了。
好流弊................
效果很棒 =。=
:target选择器称为目标选择器,用来匹配文档(页面)的url的某个标志符的目标元素。
看不太懂啊啊啊啊啊
没有明白为什么加上 box-sizing:border-box; 就上去了。。。。。。
这个字体文件在服务器的路径,这个不太明白
.wrapper div{
display:block;
transform:rotate(0deg);
}

已采纳回答 / Thinker_Ac
思路错了,不是写两个动画名字,而是在一个动画里面去实现两个效果,比如让宽高同时变。类似于transtion里面设置all时。
课程须知
1.html+CSS相关基础知识 2.具有一定的网页制作经验 3.此课程不支持IE9版本以下,建议使用 chrome、safari、firefox、opera浏览器学习本课程。
老师告诉你能学到什么?
1.系统学习CSS3相关知识 2.轻松制作出各种绚丽的效果

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消