nth-child 麻蛋 不要被它的 child 鎖迷惑 要同類元素纔行 v-for也沒有關係的!

1 flex佈局 子元素【注意是子元素】

使用     align-self: center; 來居中

2 子元素 order 控制順序(有點像float left了~) 越小 在越前面

3 因爲 樣式靈活跳動   左- 右 、 右-左 、

選取 nth-child

但是 我對於這個理解有誤

(1) v-for 不能寫在根元素 因爲寫v-for的這個元素 會跟着整體一起開始循環  會生成好多qwq

(2) 規定屬於其父元素的第二個子元素的每個 p 的背景色:

這個的意思 不是 “ 它是父元素 它的子元素“  而是 它本身  我們可以看一個例子

p:nth-child(2){
   background:#ff0000;
}

大家都是同樣的元素  但是同樣的第2個 纔是我選到的

而不是在外面套一個div  然後div的子元素。

另外,注意如果前面有<h1> 那麼 <p>和它是並列的 要多寫一個菜可以  不過  還是從1 開始的下標

4 flex 0 0 45% 最後是寬度  前面 一個是不滿的部分 一個是超出的部分

https://blog.csdn.net/weixin_30472035/article/details/99993236

全套操作指南https://blog.csdn.net/qq_36647038/article/details/83480026

5 async 是告訴我們  它是異步的 返回promise對象

await  相比於 之前不停.then() 的回調  遇到await會明白等await 進行完 再往下進行

如果有多個  會一個一個發 除非 promise.all

6 ::before after 不佔文檔流

它們給用到  比如aa| bb| 這種形式比較好

7 當然  上面那個 爲什麼不用 &nbsp; 來解決呢

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章