body > ul:first-child {
color: red;
}
大家可以这样试试】。。
就会发现是body 里面的第一个ul元素设置样式
color: red;
}
大家可以这样试试】。。
就会发现是body 里面的第一个ul元素设置样式
2017-07-30
其一:HTML中的图片地址是错的,大小完全对不上;
其二:71行.tem img中间应该有空格!
其三:中文要注释掉!
其四:img与information的交叉处容易发生重叠,建议在information中添加opacity: 0;在:hover中设为1;
其五:动画效果可以通过transform进行更改,建议多试,多理解!!!
其二:71行.tem img中间应该有空格!
其三:中文要注释掉!
其四:img与information的交叉处容易发生重叠,建议在information中添加opacity: 0;在:hover中设为1;
其五:动画效果可以通过transform进行更改,建议多试,多理解!!!
2017-07-29
__------|返 (none)
__------| (forwards)
--------|返 (backwards)
--------| (both)
看懂了吗?
__------| (forwards)
--------|返 (backwards)
--------| (both)
看懂了吗?
2017-07-28
厉害了,我的matrix()
它相当于把skew()+scale()+translate()完美融合了,只要你会用,大大简化代码
它相当于把skew()+scale()+translate()完美融合了,只要你会用,大大简化代码
2017-07-28
题目中是没有加<style type="text/css">"css属性代码"</style>的~
完整的应为:
<style type="text/css">
a[class^="column"]{background:red;}
a[href$="doc"]{background:green;}
a[title*="box"]{background:blue;}
</style>
完整的应为:
<style type="text/css">
a[class^="column"]{background:red;}
a[href$="doc"]{background:green;}
a[title*="box"]{background:blue;}
</style>
2017-07-28
闪烁的原因是对div加:hover伪类,改为对.wrapper:hover div就可以了
注:wrapper:hover 让包裹的边框一起缩小视觉更佳哦~
注:wrapper:hover 让包裹的边框一起缩小视觉更佳哦~
2017-07-28
/*任务六、点击综略图,切换背景图*/
/*背景图从左向右出现*/
#bg1:target
/*任务七、设置不显示的背景图层级*/
/* Not Target */
img:nth-of-type(n):not(:target)
/*背景图从左向右出现*/
#bg1:target
/*任务七、设置不显示的背景图层级*/
/* Not Target */
img:nth-of-type(n):not(:target)
2017-07-28
/*任务一、设置不同列表的背景色*/
.slider li:nth-of-type(1) a
/*任务二、设置缩略图形状*/
.slider a::after
/*任务三、设置缩略图背景图像*/
.slider li:nth-of-type(1) a::after
/*任务四、给缩略图添加蒙板效果*/
.slider a::before
/*任务五、鼠标悬浮时,修改缩略图蒙板透明度*/
.slider a:hover::before
.slider li:nth-of-type(1) a
/*任务二、设置缩略图形状*/
.slider a::after
/*任务三、设置缩略图背景图像*/
.slider li:nth-of-type(1) a::after
/*任务四、给缩略图添加蒙板效果*/
.slider a::before
/*任务五、鼠标悬浮时,修改缩略图蒙板透明度*/
.slider a:hover::before
2017-07-28