首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何设置有序列表的第一个和第二个子级具有相同的缩进?

要设置有序列表的第一个和第二个子级具有相同的缩进,可以使用CSS中的list-style-position属性来实现。

list-style-position属性有两个值可选:inside和outside。默认值为outside,表示列表项的标记位于文本之外。如果将list-style-position设置为inside,列表项的标记将位于文本之内。

下面是一个示例的CSS代码,演示如何设置有序列表的第一个和第二个子级具有相同的缩进:

代码语言:txt
复制
ol {
  list-style-position: inside;
}

ol ol {
  list-style-position: outside;
}

在上述代码中,我们首先将外层有序列表(第一级)的list-style-position属性设置为inside,使得列表项的标记位于文本之内。然后,通过选择器ol ol,将内层有序列表(第二级)的list-style-position属性设置为outside,使得列表项的标记位于文本之外。

这样设置后,第一级和第二级的子级都会具有相同的缩进效果。

推荐的腾讯云相关产品:腾讯云CDN(内容分发网络),详情请参考腾讯云CDN产品介绍。腾讯云CDN可以加速静态资源的传输,提高网站的访问速度和用户体验。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

技术|在 Linux 上使用 groff-me 格式化你学术论文

我学到第一个宏集是-me宏包,一个简单易学宏集。 关于groff,首先要了解是它根据一组宏来处理格式化文本。宏通常是个两个字符命令,它自己设置在一行上,并带有一个引导点。...我不会深入细节进行讨论,比如如何创建嵌套列表,保存显示,以及使用表格和数字。 段落让我们从一个简单例子开始,在几乎所有类型文档中都可以看到:段落。....ppYoucandobasicformattingsuchas.iitalicsor.b"boldtext".列表使用groff-me,您可以创建两种类型列表:无序列表(.bu)有序列表(.np)...同样,23将给出第二第三标题,如2.1或3.1.1。...更多内容这些是用groff-me写一份专业论文非常基础东西,包括前导缩进段落,粗体斜体,有序无需列表,编号不编号章节标题,块引用以及脚注。

1.6K30

请解释如何实现算法 PERMUTE-BY-SORTING,以处理两个或更多优先相同情形。也就是说,即使有两个或更多优先相同

对于两个或更多优先相同情形,我们可以在排序过程中对具有相同优先元素进行随机排序,以确保它们在输出数组中位置是随机分布。...在实现这种算法时,我们需要考虑如何处理具有多个相同优先元素情况。 一种解决方法是使用快速排序(Quick Sort)来对列表进行排序,然后将排序后列表重新组合成一个新有序列表。...2.然后递归地对左侧右侧列表重复以上过程,直到每个子列表只包含一个元素为止。 3.最后将这些已排序列表合并起来形成一个完整有序列表。...对于有重复元素列表,我们可以使用快速排序“双指针”技巧来处理这种情况。具体来说,我们可以用两个指针分别指向列表第一个元素最后一个元素,将它们进行比较,然后交换它们位置。...接下来,将每个组内元素按照它们在这组内部个随机数字大小排列,从而得到这个子随机排列。最后,将每组中随机排列合并起来就得到了具有相同优先所有元素随机排列。

13010

前端基础知识整理

定义表头(默认加粗属性) 定义表格标题 定义表页眉 定义表主题 定义表页脚 单元图 定义有序列表 元素是其父第一个子样式。...伪元素 选择每个p元素是其父唯一子元素 3 :nth-child(n) p:nth-child(2) 伪元素 选择每个p元素是其父第二个子元素 3 :nth-last-child(n) p:nth-last-child...(2) 伪元素 选择每个p元素是其父第二个子元素,从最后一个子项计数 3 :nth-of-type(n) p:nth-of-type(2) 伪元素 选择每个p元素是其父第二个p元素 3 :nth-last-of-type...(n) p:nth-last-of-type(2) 伪元素 选择每个p元素是其父第二个p元素,从最后一个子项计数 3 :last-child p:last-child 伪元素 选择每个p元素是其父最后一个子

3.2K20

js中JSON详解

每个值可以是简单值,也可以是复杂类型; 数组:第二种复杂数据类型,数组表示可以通过数值索引访问有序列表。数组值可以是任意类型,包括简单值、对象,甚至其他数组。...但是它们拥有相同属性值。如果给 JSON.parse()传入 JSON 字符串无效,则会导致抛出错误。...这两个参数可以用于指定其他序列化 JavaScript 对象方式: 第一个参数是过滤器,可以是数组或函数; 第二个参数是用于缩进结果 JSON 字符串选项。 1....字符串缩进 JSON.stringify()方法第三个参数控制缩进空格。在这个参数是数值时,表示每一缩进 空格数。...这个行为对于所有有效缩进参数都会发生。最大缩进值为 10,大于 10 值会自动设置为 10。

7.5K20

开发工具总结(5)之Markdown语法图文全面详解及其工具介绍

(二)分级标题,两种写法,如下所示: 写法1: # 一标题 ## 二标题 ### 三标题 #### 四标题 ##### 五标题 ###### 六标题 这个写法 **文字**效果是一样...引用里面使用其他元素 (七)列表 (1)无序列表 使用 *,+,- 表示无序列表。 注意:符号后面一定要有一个空格,起到缩进作用。 ?...无序列表 (2)有序列表 使用数字一个英文句点表示有序列表。 注意:英文句点后面一定要有一个空格,起到缩进作用。 ? 有序列表 (3)无序列表有序列表同时使用 ?...markdown缩进语法 (三)如何打出一些特殊符号 (1)对于 Markdown 中语法符号,前面加反斜线\即可显示符号本身。 示例如下: ?...---- 五、简书如何设置Markdown 默认简书写博客是富文本模式,想要设置成Markdown,可以这样设置: (一)进入博客主页,点击头像旁边倒三角符号,选择 "设置" ?

1.8K40

Markdown语法图文全面详解(10分钟学会)

链接 分割线 代码块 引用 列表 表格 常用技巧 换行 缩进字符 如何打出一些特殊符号 字体、字号与颜色 链接高级操作 背景色 emoji表情符号 高端用法 使用LaTex数学公式 流程图 制作一份待办事宜...分级标题,两种写法,如下所示: 写法1: # 一标题## 二标题### 三标题#### 四标题##### 五标题###### 六标题 这个写法 **文字**效果是一样 ?...注意:符号后面一定要有一个空格,起到缩进作用。 ? (2)有序列表 使用数字一个英文句点表示有序列表。 注意:英文句点后面一定要有一个空格,起到缩进作用。 ?...(3)无序列表有序列表同时使用 ? (4)列表其它要素混合使用 列表不光可以单独使用,也可以使用其他 Markdown 语法,包括标题、引用、代码区块等。...字体,字号颜色编辑如下代码 ? 具体颜色分类及标记请看下表: ? 链接高级操作(这个需要掌握一下,很有用) (1)行内式。这个在上文第二条基本语法 链接这个小节已经过,这里就不继续讲解了。

3.5K20

Python学习笔记(2)

Python集合类型: List (列表):list是一种有序(按照顺序排列集合,可以随时添加删除其中元素 [ ]把list 元素都括起来,就是一个list对象 通常把list赋值给一个变量,...True] 注意:由于python是动态语言,所以其list元素并不要求必须是同一数据类型 空list L=[] Python按照索引访问list print L[0] #打印列表第一个元素...list尾部 如: L.append(‘paui’) insert()把元素插入到索引号处,,第一个参数是索引号,第二个参数是待添加新元素 如:L.insert(0,’paile’) L为...]=‘paul’,直接赋值即可 创建tuple: tuple是另一种有序列表,中文翻译为“元组”,tuple一旦创建完毕就不能修改了 ,创建tuple时,用()括住所有元素即可 例如:t=(‘ccfdvg...)规则,具有相同缩进代码呗视为代码块,上面的3,4行print语句就构成一个代码块(但不包括第5行print) 注意:if语句后接表达式。

74610

Python语法(1)

在Python中,相同缩进代码被认为属于同一个代码块。...参数: a: 第一个数 b: 第二个数 返回值: 两个数 """ return a + b 变量进阶应用 数据类型多样性...了解数值运算类型转换是提高代码效率关键。 列表(List): 列表有序、可变数据类型,允许存储多个元素。通过索引操作,可以对列表进行增删改查。...字典键值对: 学习如何使用字典存储检索数据。 变量动态性: 动态类型系统: Python 是一种动态类型语言,变量类型是在运行时确定。...Python缩进特性使得代码具有更好可读性整洁性。变量允许我们存储操作数据,而不需要显式指定类型。注释则是对代码解释和文档说明,帮助他人更好地理解代码用途功能。

11410

文档对象模型

javascript中所有的节点类型都继承自Node类型,所有节点类型都共享着相同基本属性方法。 1....parentNode 指向文档树中父节点。包含在childNodes列表中所有的节点都具有相同父节点,每个节点之间都是同胞/兄弟节点。...insertBefore() 第一个参数:要插入节点; 第二个参数:作为参照节点; 被插入节点会变成参照节点前一个同胞节点,同时被方法返回。...如果第二个参数为null将会将该节点追加在NodeList后面 replaceChild() 第一个参数:要插入节点; 第二个参数:要替换节点; 要替换节点将由这个方法返回并从文档树中被移除,同时由要插入节点占据其位置...两个参数,第一个参数为要设置特性名,第二个参数为对应值。

1.1K40

前端基础:CSS

来描述,它描述是元素上 class 属性值。 元素(标签)选择器 可以对页面上相同标签进行统一设置,它描述就是标签名称。...} /* 鼠标移动到链接上 */ a:active {color: #0000FF} /* 选定链接 */ :first-child 伪类: 可以使用 :first-child 伪类来选择元素第一个子元素...通过文本属性可以改变文本颜色、字符间距,对齐文本,装饰文本,对文本进行缩进,等等。 背景属性 CSS 允许应用纯色作为背景,也允许使用背景图像创建相当复杂效果。...列表属性 作用如下: 设置不同列表项标记为有序列表 设置不同列表项标记为无序列表 设置列表项标记为图像 有两种类型列表: 无序列表 - 列表项标记用特殊图形(如小黑点、小方框等) 有序列表 - 列表标记有数字或字母...分类属性 CSS 分类属性允许控制如何显示元素,设置图像显示于另一元素中何处,相对于其正常位置来定位元素,使用绝对值来定位元素,以及元素可见度。

2.5K20

Markdown Rules 详解

,必须h1-h2-h3...这样 MD002 - First heading should be a top level heading 文档第一个标题必须是最高级标题(标题等级1到6逐渐降低)...,默认是"consistent" MD005 - Inconsistent indentation for list items at the same level 同一个等级列表缩进要一致;在有序列表中...MD030 - Spaces after list markers 列表有序、无序)前缀符号和文字之间用1个空格隔开,在列表嵌套或者同一列表项中有多个段落时,无序列表缩进两个空格,有序列表缩进3个空格...参数: "ul_single","ol_single","ul_multi","ol_multi":分别规定无序列表单个段落,有序列表单个段落,无序列表多个段落,有序列表多个段落前缀符号和文字之间空格数...MD032 - Lists should be surrounded by blank lines 列表有序、无序)前后需要用空行隔开,否则有些解释器不会解释为列表列表缩进必须一致,否则会警告

83630

学习小组Day1笔记-秦瑶

Everything is going according to plan. (6)列表语法 有序列表 要创建有序列表,请在每个列表项前添加数字并紧跟一个英文句点。...链接第一部分格式 引用类型链接第一部分使用两组括号进行格式设置。第一组方括号包围应显示为链接文本。第二组括号显示了一个标签,该标签用于指向您存储在文档其他位置链接。...尽管不是必需,可以在第一组第二组括号之间包含一个空格。第二组括号中标签不区分大小写,可以包含字母,数字,空格或标点符号。...以下示例格式对于链接第一部分效果相同: hobbit-hole hobbit-hole 链接第二部分格式 引用类型链接第二部分使用以下属性设置格式: 放在括号中标签,其后紧跟一个冒号至少一个空格...以下示例格式对于链接第二部分效果相同: undefined undefined undefined undefined undefined undefined undefined 可以将链接第二部分放在

1.3K50

Markdown简单实例

导航: markdown代码: #一导航 ##二导航 ###三导航 ####四导航 显示效果: 一导航 二导航 三导航 四导航 2.列表: markdown代码: - 这是列表 Markdown...* 这也是列表 * 这个缩进可以使用tab键 - 再缩进一下 + 这还是一种列表 1 .这是有序列表 2 .有序列表 这是列表 Markdown是一种可以使用普通文本编辑器编写标记语言..., 通过简单标记语法,它可以使普通文本内容具有一定格式。...这也是列表 这个缩进可以使用tab键 再缩进一下 这还是一种列表 1 .这是有序列表 2 .有序列表 注:- 、1. 和文本之间要保留一个字符空格。 3....添加超级链接或者图片: 图片可以直接拖拽到编辑区即可,插入图片语法链接语法很像,只是前面多了一个 !。

82320

Markdown 语法手册 (完整整理版)

斜体粗体 2. 分级标题 3. 超链接 3.1. 行内式 3.2. 参考式 3.3. 自动链接 4. 锚点 5. 列表 5.1. 无序列表 5.2. 有序列表 5.3....------------------ 第二种写法: # 一标题 ## 二标题 ### 三标题 #### 四标题 ##### 五标题 ###### 六标题 由于用了[TOC...同学们自己在编辑器中观察,很简单,一标题字号最大,依递减。 ---- 3. 超链接 Markdown 支持两种形式链接语法: 行内式参考式两种形式,行内式一般使用较多。 3.1....有序列表 有序列表则使用数字接着一个英文句点。 代码: 1.有序列表项一 2.有序列表项二 3.有序列表项三 显示效果: 有序列表项 一 有序列表项 二 有序列表项 三 5.3....都会帮你处理,例如: 代码: 第一个例子: © 2004 Foo Corporation 第二个例子:

1K11

Markdown 语法手册 (完整整理版)

------------------------------ 第二种写法: # 一标题 ## 二标题 ### 三标题 #### 四标题...同学们自己在编辑器中观察,很简单,一标题字号最大,依递减。 3. 超链接 Markdown 支持两种形式链接语法: 行内式参考式两种形式,行内式一般使用较多。 3.1....有序列表 有序列表则使用数字接着一个英文句点。 代码: 1. 有序列表项 一 2. 有序列表项 二 3....有序列表项 三 显示效果: 有序列表项 一 有序列表项 二 有序列表项 三 5.3. 定义型列表 语法说明: 定义型列表由名词和解释组成。...都会帮你处理,例如: 代码: 第一个例子: © 2004 Foo Corporation 第二个例子

6.7K120

MarkDown 常用语法

一、标题 最为常用格式,只需要在文本前面加上 # 即可,同理、你还可以增加二标题、三标题、四标题、五标题标题,总共六,只需要增加 # 即可,标题字号相应降低 一标题 二标题 三标题...四标题 五标题 六标题 注:1)# [标题]之间需保留一个字符空格,这是最标准MarkDown写法;2)只有一到六标题(最多六)。...) 无序列表 文本一 文本二 文本三 有序列表,在文字前面加上1. 2. 3.即可(1....和文字之间也要记得加空格) 有序列表 文本一 文本二 文本三 定义型列表 定义型列表由名词和解释组成。一行写上定义,紧跟一行写上解释。...,剩下 Markdown 都会帮你处理示例: 第一个例子: © 2022 Health, Peace and Happiness 第二个例子: 值班人员 星期一 星期二 星期三 星期四 星期五

8910

Markdown语法

Markdown 列表 无序列表 Markdown 支持有序列表无序列表。...- 第三项 第一项 第二项 第三项 第一项 第二项 第三项 第一项 第二项 第三项 有序列表 有序列表使用数字并加上 ....第二项: - 第二项嵌套第一个元素 - 第二项嵌套第二个元素 第一项: 第一项嵌套第一个元素 第一项嵌套第二个元素 第二项: 第二项嵌套第一个元素 第二项嵌套第二个元素...第二项 > + 第一项 > + 第二项 > + 第三项 区块中使用列表 第一项 第二项 第一项 第二项 第三项 列表中使用区块 如果要在列表项目内放进区块,那么就需要在 > 前添加四个空格缩进。...:- 设置内容标题栏居左对齐。 :-: 设置内容标题栏居中对齐。

1.6K10

Javascript:JSON总结

1、语法   JSON语法可以表示三种类型值: 简单值:使用与Javascript相同语法,可以在JSON中表示字符串、数值、布尔值null,但是不支持Javascript中特殊值undefined...数组:数组作为一种复杂数据结构,表示一组有序列表,可以通过数值索引来访问其中值。数组值可以是任何类型——简单值、对象或数组。   ...var manCopy = JSON.parse(jsonMan);   manmanCopy两个对象,除了JSON有意忽略属性函数之外,其他属性都是相同,但即使没有这些被忽略属性与函数,man...第一个参数是过滤器,可以是一个数组,也可以是一个函数;第二个参数是一个选项,表示是否在JSON字符串中保留缩进。   ...并且,只要传入有效控制缩进参数值结果字符串就会包含换行符,这是比较人性化一个设置呢,不过最大缩进格数为10,超过10的话都会自动转换为10。

1K10

JavaScript(十)

DOM 描绘了一个层次化节点树,允许开发人员添加、移除修改页面的某一部分。 1998 年 10 月 DOM1规范成为 W3C 推荐标准,为基本文档结构及查询提供了接口。...每个节点都有一个 parentNode 属性,该属性指向文档树中父节点。包含在 childNodes 列表所有节点都具有相同父节点,因此它们 parentNode 属性都指向同一个节点。...列表第一个节点 previousSibling 属性值为 null,而列表中最后一个节点 nextSibling 属性值同样也为 null。...父节点与其第一个最后一个子节点之间也存在特殊关系。父节点 firstChild lastChild 属性分别指向其 childNodes 列表第一个最后一个节点。...只有在取得自定义特性值情况下,才会使用 getAttribute() 方法。 设置特性 setAttribute() 方法接受两个参数: 要设置特性名值。

68410

Markdown 语法笔记

列表 可以将多个条目组织成有序或无序列表有序列表 要创建有序列表,请在每个列表项前添加数字并紧跟一个英文句点。数字不必按数学顺序排列,但是列表应当以数字 1 起始。...图片 无序列表最佳实践 Markdown 应用程序在如何处理同一列表中混用不同分隔符上并不一致。为了兼容起见,请不要在同一个列表中混用不同分隔符,最好选定一种分隔符并一直用下去。...链接第一部分格式 引用类型链接第一部分使用两组括号进行格式设置。第一组方括号包围应显示为链接文本。第二组括号显示了一个标签,该标签用于指向您存储在文档其他位置链接。...尽管不是必需,可以在第一组第二组括号之间包含一个空格。第二组括号中标签不区分大小写,可以包含字母,数字,空格或标点符号。...以下示例格式对于链接第一部分效果相同: [hobbit-hole][1] [hobbit-hole] [1] 链接第二部分格式 引用类型链接第二部分使用以下属性设置格式: 放在括号中标签,其后紧跟一个冒号至少一个空格

4K10
领券