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的子元素。

另外，注意如果前面有

那么

和它是并列的 要多写一个菜可以  不过  还是从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 当然  上面那个 为什么不用   来解决呢