CSS List ordenada resultado insatisfatório [RESOLVIDO]

1. CSS List ordenada resultado insatisfatório [RESOLVIDO]

Carlos Alberto Ramos Teixeira
RTeixeira

(usa Fedora)

Enviado em 14/07/2021 - 07:58h

Por favor,
Tenho uma página com um texto e nesse existem diversas List. ordenadas.
Acontece que não estou conseguindo retornar a um outra lista já criada porém mantendo a ordenação.

Explico:
O texto inicial com:
list-style-type - upper-roman: romano maiúsculo I, II, III, IV, ...


HTML
<ol class="q">
<li>Repreensão dos defeitos: 1,10—6,20</li>
</ol>


CSS
ol.q {
list-style-type: upper-roman;
}


Resultado satisfatório:

I. Repreensão dos defeitos: 1,10—6,20


Em seguida, no mesmo texto, tenho que indicar:

lower-alpha: letra minúscula a, b, c, d, ...


HTML
<ol class="alfab"> 

<li class="alfab"><strong>os partidos na comunidade: 1,10—4,21</strong></li> 

<li class="alfab"><strong>Os abusos a reprimir: 5,1—6,20</strong></li>

</ol> 


CSS
ol.alfab {
counter-reset: list;
}

ol.alfab > li.alfab {
list-style: none;
}

ol.alfab > li:before {
content: counter(list, lower-alpha) ") ";
counter-increment: list;
}


Agora inicia o meu problema. Tenho que voltar para a primeira List, ou seja, em romano.

Bem, o HTML estou tentando assim:


HTML
<ol class="q" value="II">
<li type="II">Respostas às questões propostas: 7,1—15,58</li>
</ol>


A CSS é a mesma da primeira List. Nessa aqui indiquei value="II" no ol e na li usei Type="II", forçando para iniciar agora com II, em romano

O resultado esperado seria:


II. Respostas às questões propostas: 7,1—15,58


Mas não ocorre isso. Mostra:


I. Respostas às questões propostas: 7,1—15,58


Quando entro pela segunda vez com a List upper-roman: romano maiúsculo I, II, III, IV, ... indicando nessa, repito, value="II" no ol e na li usei Type="II", esperava outro resultado, como por exemplo: II. Respostas às questões propostas: 7,1—15,58

Obrigado













  


2. MELHOR RESPOSTA

Adalberto G4d31h4
Borg_Atomic

(usa KDE Neon)

Enviado em 14/07/2021 - 13:41h



No link abaixo mostra como ordena a lista css em numeral romano, assim como vários tipos de ordenação:
é necessário usar: <ol type="i">
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ol



3. CSS List ordenada resultado insatisfatório

Carlos Alberto Ramos Teixeira
RTeixeira

(usa Fedora)

Enviado em 14/07/2021 - 14:30h

Obrigado pelo envio do link.
Veja, por favor, como consegui através do link ficando:
HTML
<ol class="q" type="II" start="2">
<li><strong>Mostra aqui II</strong></li>
</ol>

O resultado assim fica correto, ou seja:
II. Mostra aqui II



Muito obrigado.
Saúde para Todos.









Patrocínio

Site hospedado pelo provedor RedeHost.
Linux banner
Linux banner

Destaques

Artigos

Dicas

Tópicos

Top 10 do mês

Scripts