已采纳回答 / sr7
<div class="main nav"> <ul class="nav_ul"> <li><a href="#">Menu</a></li> <li><a href="#">Menu Menu</a></li> <li><a href="#"&...
2017-04-10
<div class="wrapper">
<div class="ch1">我是第一个Div元素</div>
<div class="ch1">我是第二个Div元素</div>
<div class="ch1">我是第三个Div元素</div>
<div class="ch2">我是第一个段落</div>
</div>
*******
<style>
.wrapper > div.ch1:last-of-type{
background: orange;
}
</style>
这样的情况下就不起作用
<div class="ch1">我是第一个Div元素</div>
<div class="ch1">我是第二个Div元素</div>
<div class="ch1">我是第三个Div元素</div>
<div class="ch2">我是第一个段落</div>
</div>
*******
<style>
.wrapper > div.ch1:last-of-type{
background: orange;
}
</style>
这样的情况下就不起作用
2017-04-10
过渡动画简写:
transition:css属性 动画时间 动画速度 延迟执行时间;
transition:css属性 动画时间 动画速度 延迟执行时间;
2017-04-09
matrix(scaleX(),skewX(),skewY(),scaleY(),translateX(),translateY());
a为水平伸缩量,1为原始大小;
b为纵向扭曲,0为不变;
c为横向扭曲,0不变;
d为垂直伸缩量,1为原始大小;
e为水平偏移量,0是初始位置;
f为垂直偏移量,0是初始位置
a为水平伸缩量,1为原始大小;
b为纵向扭曲,0为不变;
c为横向扭曲,0不变;
d为垂直伸缩量,1为原始大小;
e为水平偏移量,0是初始位置;
f为垂直偏移量,0是初始位置
2017-04-09
/*任务一*/
.slider .clearfix li:nth-child(1)
/*任务二*/
.slider .clearfix li a::after
/*任务三*/
.slider .clearfix li:nth-of-type(1) a::after
/*任务四*/
.slider .clearfix li a::before
/*任务五*/
.slider .clearfix li a:hover::before
/*任务六*/
#bg1:target
/*任务七*/
img:not(:target)
/*好像也不是很难*/
.slider .clearfix li:nth-child(1)
/*任务二*/
.slider .clearfix li a::after
/*任务三*/
.slider .clearfix li:nth-of-type(1) a::after
/*任务四*/
.slider .clearfix li a::before
/*任务五*/
.slider .clearfix li a:hover::before
/*任务六*/
#bg1:target
/*任务七*/
img:not(:target)
/*好像也不是很难*/
2017-04-09