整體講的挺詳細(xì)的。以前都是直接用css。這次發(fā)現(xiàn)scss也挺好寫(xiě)的。自己跟著實(shí)現(xiàn)了一下,并增添了全文搜索的功能。感興趣的可以參考一下。
https://github.com/LinStan/VueStudy
https://github.com/LinStan/VueStudy
2019-04-30
突然發(fā)現(xiàn)要把 css 偽類選擇器用得好其實(shí)也是不容易啊...
其實(shí)無(wú)需嵌套一個(gè)額外的 select 父級(jí)也可以實(shí)現(xiàn)相同的效果,代碼如下
.select-wrapper {
// ......
&.nth-child(2) > .line:first-child,
&.nth-last-child(2) > .line:last-child {
border-top: 0;
}
}
正確的做法還是得像老師那樣使用一個(gè)父級(jí)進(jìn)行限定,再進(jìn)行選擇,這個(gè)只是為了學(xué)習(xí) css 偽類選擇器做的一個(gè)練習(xí),滿足自己的好奇心
其實(shí)無(wú)需嵌套一個(gè)額外的 select 父級(jí)也可以實(shí)現(xiàn)相同的效果,代碼如下
.select-wrapper {
// ......
&.nth-child(2) > .line:first-child,
&.nth-last-child(2) > .line:last-child {
border-top: 0;
}
}
正確的做法還是得像老師那樣使用一個(gè)父級(jí)進(jìn)行限定,再進(jìn)行選擇,這個(gè)只是為了學(xué)習(xí) css 偽類選擇器做的一個(gè)練習(xí),滿足自己的好奇心
2019-04-22
真是大神級(jí)老師,每一行代碼的規(guī)范及命名都無(wú)懈可擊,學(xué)到很多干貨!老師翻頁(yè)的代碼可以再簡(jiǎn)潔點(diǎn),哈哈
this.rendition && this.rendition.next()
this.rendition && this.rendition.next()
2019-04-13