Eu tenho um arquivo html que contém a seguinte estrutura:
<h1 class="section">First title</h1>
<div><h2 class="chapter">Chapter title</h2>
Chapter text here.
<div><h2 class="chapter">Chapter title</h2>
Chapter text here.
<div><h2 class="chapter">Chapter title</h2>
Chapter text here.
<h1 class="section">Second title</h1>
<div><h2 class="chapter">Chapter title</h2>
Chapter text here.
<div><h2 class="chapter">Chapter title</h2>
Chapter text here.
<div><h2 class="chapter">Chapter title</h2>
Chapter text here.
Gostaria de adicionar um número antes dos títulos dos capítulos assim:
<h1 class="section">First title</h1>
<div><h2 class="chapter">1. Chapter title</h2>
Chapter text here.
<div><h2 class="chapter">2. Chapter title</h2>
Chapter text here.
<div><h2 class="chapter">3. Chapter title</h2>
Chapter text here.
<h1 class="section">Second title</h1>
<div><h2 class="chapter">1. Chapter title</h2>
Chapter text here.
<div><h2 class="chapter">2. Chapter title</h2>
Chapter text here.
<div><h2 class="chapter">3. Chapter title</h2>
Chapter text here.
Tentei inserir números de capítulo através de CSS usando contra-redefinição e contra-incremento para cabeçalhos, mas isso funciona apenas em determinados contextos.
Existe um script (python, perl, ???) que possa procurar a classe = "seção" e depois inserir sequencialmente números antes dos títulos dos capítulos?
Aqui está uma amostra do arquivo real:
<body><div class='root'><h1 class="section">Génesis</h1><div><h2
class="chapter">Dios ordena el universo</h2><div>01 En el principio,
cuando Dios creó los cielos y la tierra, </div><div>02 todo era
confusión y no había nada en la tierra. Las tinieblas cubrían los
abismos mientras el espíritu de Dios aleteaba sobre la superficie de
las ag [many lines here] </div><div><h2 class="chapter">Descanso del
séptimo día</h2><div>01 Así estuvieron [many lines here] <div
class='root'><h1 class="section">Éxodo</h1><div><h2 class="chapter">Los
hebreos se multiplican en Egipto</h2><div>01 Estos son los nombres de
los hijos de Israel que llegaron con Jacob a Egipto, cada uno con su
familia:</div><div>02 Rubén, Simeón, Leví, Judá,</div><div>03 Isacar,
[many lines here] etc, etc
Você provavelmente pode usar
<ol>
com<li>
?Não tenho certeza do que você quer fazer com essas
<a>
tags, mas seus capítulos podem ter algo parecido com isto:E todo novo conjunto de
<ol>
elementos redefinirá a numeração para você.fonte
O CSS também pode ajudá-lo a numerar automaticamente:
fonte