transition的那些事儿
注意点
1. 属性值由0-auto时，动画过渡是实现不了的
2. display属性无法实现动画过渡效果
height 固定值-auto
/* 过渡动画实现不了 */
li{
height:10px;
overflow:hidden;
transition:height 2s;
}
li{
height:auto;
}
/* 解决方式
方式一：使用max-height,使max-height大一些
方式二：使用js获取实时高度
下方代码采用方式一的解决方法
*/
li{
height:10px;
max-height:10px;
overflow:hidden;
transition:height 2s;
}
li{
height:auto;
max-height:1000px;
}
伪元素
:first-child 用于匹配父元素下的第一个子元素，若不是第一个子元素，则无效
:first-of-type 用于定位父元素下的某个类型的第一个子元素【指定了元素类型】
网友评论