突然发现要把 css 伪类选择器用得好其实也是不容易啊...
其实无需嵌套一个额外的 select 父级也可以实现相同的效果，代码如下
.select-wrapper {
// ......
&.nth-child(2) > .line:first-child,
&.nth-last-child(2) > .line:last-child {
border-top: 0;
}
}
正确的做法还是得像老师那样使用一个父级进行限定，再进行选择，这个只是为了学习 css 伪类选择器做的一个练习，满足自己的好奇心
其实无需嵌套一个额外的 select 父级也可以实现相同的效果，代码如下
.select-wrapper {
// ......
&.nth-child(2) > .line:first-child,
&.nth-last-child(2) > .line:last-child {
border-top: 0;
}
}
正确的做法还是得像老师那样使用一个父级进行限定，再进行选择，这个只是为了学习 css 伪类选择器做的一个练习，满足自己的好奇心
2019-04-22
真是大神级老师，每一行代码的规范及命名都无懈可击，学到很多干货！老师翻页的代码可以再简洁点，哈哈
this.rendition && this.rendition.next()
this.rendition && this.rendition.next()
2019-04-13
最赞回答 / 幕布斯617278
出现滚动条的原因很简单, 开始过渡动画的瞬间, title和menu都是从页面外界(上外界Y-100%,下外界Y100%)向中间靠, 页面容器就被撑高了,导致实际内容超过一个页面的100%height了, 自然出现了滚动条.避免出现滚动条的修改方式有很多种,比如: 可以在reset.css, 里的html,body里 加一个: overflow: hidden;
2019-04-10
