nth-child 麻蛋 不要被它的 child 锁迷惑 要同类元素才行 v-for也没有关系的!

2023-12-15 04:10

本文主要是介绍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; 来解决呢

 

这篇关于nth-child 麻蛋 不要被它的 child 锁迷惑 要同类元素才行 v-for也没有关系的!的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/495061

相关文章

Java中自旋锁与CAS机制的深层关系与区别

《Java中自旋锁与CAS机制的深层关系与区别》CAS算法即比较并替换,是一种实现并发编程时常用到的算法,Java并发包中的很多类都使用了CAS算法,:本文主要介绍Java中自旋锁与CAS机制深层... 目录1. 引言2. 比较并交换 (Compare-and-Swap, CAS) 核心原理2.1 CAS

Linux(centos7)虚拟机没有IP问题及解决方案

《Linux(centos7)虚拟机没有IP问题及解决方案》文章介绍了在CentOS7中配置虚拟机网络并使用Xshell连接虚拟机的步骤,首先,检查并配置网卡ens33的ONBOOT属性为yes,然后... 目录输入查看ZFhrxIP命令:ip addr查看,没有虚拟机IP修改ens33配置文件重启网络Xh

Java 中的 equals 和 hashCode 方法关系与正确重写实践案例

《Java中的equals和hashCode方法关系与正确重写实践案例》在Java中,equals和hashCode方法是Object类的核心方法,广泛用于对象比较和哈希集合(如HashMa... 目录一、背景与需求分析1.1 equals 和 hashCode 的背景1.2 需求分析1.3 技术挑战1.4

JavaScript中比较两个数组是否有相同元素(交集)的三种常用方法

《JavaScript中比较两个数组是否有相同元素(交集)的三种常用方法》:本文主要介绍JavaScript中比较两个数组是否有相同元素(交集)的三种常用方法,每种方法结合实例代码给大家介绍的非常... 目录引言:为什么"相等"判断如此重要?方法1:使用some()+includes()(适合小数组)方法2

Springboot项目构建时各种依赖详细介绍与依赖关系说明详解

《Springboot项目构建时各种依赖详细介绍与依赖关系说明详解》SpringBoot通过spring-boot-dependencies统一依赖版本管理,spring-boot-starter-w... 目录一、spring-boot-dependencies1.简介2. 内容概览3.核心内容结构4.

创建springBoot模块没有目录结构的解决方案

《创建springBoot模块没有目录结构的解决方案》2023版IntelliJIDEA创建模块时可能出现目录结构识别错误,导致文件显示异常,解决方法为选择模块后点击确认,重新校准项目结构设置,确保源... 目录创建spChina编程ringBoot模块没有目录结构解决方案总结创建springBoot模块没有目录

Java中数组与栈和堆之间的关系说明

《Java中数组与栈和堆之间的关系说明》文章讲解了Java数组的初始化方式、内存存储机制、引用传递特性及遍历、排序、拷贝技巧,强调引用数据类型方法调用时形参可能修改实参,但需注意引用指向单一对象的特性... 目录Java中数组与栈和堆的关系遍历数组接下来是一些编程小技巧总结Java中数组与栈和堆的关系关于

把Python列表中的元素移动到开头的三种方法

《把Python列表中的元素移动到开头的三种方法》在Python编程中,我们经常需要对列表(list)进行操作,有时,我们希望将列表中的某个元素移动到最前面,使其成为第一项,本文给大家介绍了把Pyth... 目录一、查找删除插入法1. 找到元素的索引2. 移除元素3. 插入到列表开头二、使用列表切片(Lis

SQL Server安装时候没有中文选项的解决方法

《SQLServer安装时候没有中文选项的解决方法》用户安装SQLServer时界面全英文,无中文选项,通过修改安装设置中的国家或地区为中文中国,重启安装程序后界面恢复中文,解决了问题,对SQLSe... 你是不是在安装SQL Server时候发现安装界面和别人不同,并且无论如何都没有中文选项?这个问题也

C# 比较两个list 之间元素差异的常用方法

《C#比较两个list之间元素差异的常用方法》:本文主要介绍C#比较两个list之间元素差异,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录1. 使用Except方法2. 使用Except的逆操作3. 使用LINQ的Join,GroupJoin