突然發現要把 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
