CSS List ordenada resultado insatisfatório [RESOLVIDO]

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

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

0 0

Quote

2. MELHOR RESPOSTA

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

0 0

Quote

3. CSS List ordenada resultado insatisfatório

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.

0 0

Quote