任务1 :li:nth-of-type(1)
任务2 :.slider .clearfix li a::after
任务3 .slider .clearfix li:nth-of-type(1) a::after
任务4 .slider .clearfix li a::before
任务5 .slider .clearfix li a:hover::before
任务6 img[id^=bg]:target
任务7 img:not(:target)
任务2 :.slider .clearfix li a::after
任务3 .slider .clearfix li:nth-of-type(1) a::after
任务4 .slider .clearfix li a::before
任务5 .slider .clearfix li a:hover::before
任务6 img[id^=bg]:target
任务7 img:not(:target)
2017-12-09
总结下,CSS3中的三种动画:tranform形变动画/transition缓动动画/animation逐帧动画;
tranform: rotate旋转/skew扭曲/scale缩放/translate移动/matrix矩阵变形;
transition: property duration timing-function delay;
animation: KeyframesName duration timing-function delay iteration-count direction play-state fill-mode;
tranform: rotate旋转/skew扭曲/scale缩放/translate移动/matrix矩阵变形;
transition: property duration timing-function delay;
animation: KeyframesName duration timing-function delay iteration-count direction play-state fill-mode;
2017-12-06
最新回答 / voiceee
a{transition:属性名 持续时间 速度曲线 延迟时间,属性名 持续时间 速度曲线 延迟时间;}
最新回答 / 麓鹿不迷路
其实要想清楚.clearfix的浮动,就写下面的代码就足够了.clearfix::after { content: ""; //可以是空串,但不能不写 display: block; //只有作为块级元素才能清除浮动 clear:both; //清除左浮动和右浮动,只清除左浮动就写clear:left,右同理}
2017-12-05
transform:translate适用于static、relative、absolute和float元素。
如果是absolute和float元素,会脱离文档流,如果是static、relative则处于文档流中。
如果是absolute和float元素,会脱离文档流,如果是static、relative则处于文档流中。
2017-12-04
最赞回答 / 摩菲0
虽然在CSS中基本没什么特别大的用处,但是jQuery中可以用到:root选择器,虽然也没有太大的用处,了解下就好,不用太过于深入了解这个问题。var $root = $(":root");var ele = $root[0];document.writeln( ele.tagName );
2017-12-03
已采纳回答 / 这不是小小鑫
根据代码,不管之前还是之后里面内容都是为空(content:""),只是将这个空间定位了下,2者定位的位置一样,所以是在一起(position: absolute;height: 120px;width: 120px;)
2017-12-03
outline元素外轮廓线属性
outline-color:外轮廓线颜色
outline-style:外轮廓线样式
outline-width:外轮廓线宽度
outline-offset:外轮廓线边框的位移数值
inherit:元素继承父元素的outline效果
eg:
outline:#f00 solid 1px;//1px的红色实线框
类似于border样式,相反
outline-color:外轮廓线颜色
outline-style:外轮廓线样式
outline-width:外轮廓线宽度
outline-offset:外轮廓线边框的位移数值
inherit:元素继承父元素的outline效果
eg:
outline:#f00 solid 1px;//1px的红色实线框
类似于border样式,相反
2017-12-02