有没有办法通过css获取当前目标子对象的编号?

有没有办法通过css获取当前目标子对象的编号?,css,Css,输出将是 1页纸 2页纸 3页图只需在css中使用: div p:nth-child(n)::before{ content: n + ' '; } :根目录{ 计数器复位:计数; } p:以前{ 内容:计数器(计数)"-";; 计数器增量:计数; } 段落 段落 段落 你读过吗:?我没有,谢谢!为什么不将与标记一起使用,这样可以更干净。您所说的当前目标儿童是什么意思?一旦点击,或者通过url#id定位,还有什么别的吗? div p:nth-child(n)::before{ con

输出将是

1页纸

2页纸

3页图

只需在css中使用:

div p:nth-child(n)::before{
 content: n + ' ';
}
:根目录{
计数器复位:计数;
} 
p:以前{
内容:计数器(计数)"-";;
计数器增量:计数;
}

段落

段落

段落


你读过吗:?我没有,谢谢!为什么不将
  • 与标记一起使用,这样可以更干净。您所说的当前目标儿童是什么意思?一旦点击,或者通过url#id定位,还有什么别的吗?
    div p:nth-child(n)::before{
     content: n + ' ';
    }
    
    :root {
      counter-reset: paragraph;
    } 
    
    p:after {
      content: counter(paragraph);
      counter-increment: paragraph;
    }