最赞回答 / 慕粉3817178
这里的背景层级问题是指前一张图和后一张图的层级。你可以尝试一下注释掉.bg:not(:target)的代码再F5+ctrl刷新试试点击各个图片,可以观察到当你点下一张图片的时候,前一张图片并不一定是你点击前的那张图片,也就是说它们的显示层级有问题,前后层级不对。你的说的还是会显示不被切换的背景这个问题,这个是动画决定的,因为animation-duration: 1s决定了切换背景完成的动作需要1s才能完成,所以在这一秒钟内,上一张背景还是会出现的。
2015-06-07
a[href$=doc]{
background:green;
}
a[class^=c]{
background:red;
}
a[title*=box]{
background:blue;
}
background:green;
}
a[class^=c]{
background:red;
}
a[title*=box]{
background:blue;
}
2015-06-07
<style type="text/css">
a[class^=columnNews],
[class^=columnVideo],
[class^=columnAboutUs]{
background:red;
}
a[href$=doc]
{background:green;}
a[title*=box]{background:blue;}
</style>
a[class^=columnNews],
[class^=columnVideo],
[class^=columnAboutUs]{
background:red;
}
a[href$=doc]
{background:green;}
a[title*=box]{background:blue;}
</style>
2015-06-06
感觉这个教程不怎么好,前面简单用这种形式还好,也不浪费时间,但是后面这些复杂的还是有视频讲解比较好,这样对没有基础的人来说有些难了。
2015-06-05