Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 自定义嵌套有序列表编号_Html_Css_Html Lists - Fatal编程技术网

Html 自定义嵌套有序列表编号

Html 自定义嵌套有序列表编号,html,css,html-lists,Html,Css,Html Lists,我有嵌套列表,无法更改其结构。第一个li元素不得包含在编号中,但其子元素必须全部编号。这是你的电话号码 ol-li-ol{ 计数器复位:部分; 列表样式类型:无; } ol li ol li::以前{ 反增量:节; 内容:计数器(第节“.”); } 列出第二项及其子项(不应编号): 子项1(应编号为1) 子项目2(应为2) 子项(应为2.1) 子项(应为2.2) 子项(应为2.2.1) 子项(应为2.2.2) 子项目3(应为3) 子项目4(应为4) 您的标记无效,ol不能是另一个ol的直接

我有嵌套列表,无法更改其结构。第一个
li
元素不得包含在编号中,但其子元素必须全部编号。这是你的电话号码

ol-li-ol{
计数器复位:部分;
列表样式类型:无;
}
ol li ol li::以前{
反增量:节;
内容:计数器(第节“.”);
}

  • 列出第二项及其子项(不应编号):
  • 子项1(应编号为1)
  • 子项目2(应为2)
  • 子项(应为2.1)
  • 子项(应为2.2)
  • 子项(应为2.2.1)
  • 子项(应为2.2.2)
  • 子项目3(应为3)
  • 子项目4(应为4)

  • 您的标记无效,
    ol
    不能是另一个
    ol
    的直接子级。您必须更新HTML来修复它,您现有的CSS只需稍加编辑即可正常工作

    ol{
    列表样式:无;
    }
    奥利奥{
    计数器复位:部分;
    }
    ol li ol li::以前{
    反增量:节;
    内容:计数器(第节“.”);
    }
    
    
  • 列出第二项及其子项(不应编号):
  • 子项1(应编号为1)
  • 子项目2(应为2)
  • 子项(应为2.1)
  • 子项(应为2.2)
  • 子项(应为2.2.1)
  • 子项(应为2.2.2)
  • 子项目3(应为3)
  • 子项目4(应为4)

  • 第一个li是否有任何类或子项有一个共同的父项?@karthill我所有的类和ID都在jfiddle中。我还更新了Fiddle的链接您确定子项2 li在同一行中关闭了吗?如果是这样的话,就不可能实现你想要的。你能使用Javascript吗?我不太熟悉CSS计数器,但我没有找到一种方法来解决这个问题。