Pergunta sobre o WordPress Collapse-O-Matic: penteado definitivo para bebês

Um usuário perguntou ?

Olá,

alguém pode me ajudar com meu css por favor?

Tenho algumas extensões na minha página, preciso de outro estilo para a última, ex. deve ser vermelho.

O estilo a seguir não funciona. Eu também tentei adicionar div, último tipo e assim por diante, mas nada funciona.

.collapseomatic:last-child {
  color: red;
}

Tudo de bom em sANNNy

Este tópico foi modificado 2 anos, 8 meses atrás por.

(@twinpictures)

2 anos, 8 meses atrás

É o que diz a documentação:

Atributo Trigclass

O atributo trigclass permite que o usuário defina uma classe personalizada para o elemento label que renderiza o texto do acionador. Esta classe será adicionada após a classe de recolhimento obrigatória atribuída por padrão.

[expand title="A New Hope" trigclass="highlight"]Target Content[/expand]

CSS

.highlight {
  color: red;
}

Se você não quiser usar trigclass para definir manualmente uma das extensões para usar a cor do texto ‘vermelho’ e se quiser manter o último filho «pseudoclasse estrutural“Ele tentou usá-lo acima, então ele terá que pensar de forma diferente sobre a estrutura das expansões. Por exemplo, tente usar elementos UL e LI, então:

<ul class="my_special_ul_class">
[expand tag="li" title="one fish"]...[/expand]
[expand tag="li" title="two fish"]...[/expand]
[expand tag="li" title="blue fish"]...[/expand]
[expand tag="li" title="red fish"]...[/expand]
</ul>

e agora temos uma pequena família com uma ruiva em estágio final:

.collapseomatic:last-child {
  color: red;
}

Isso ajuda alguns?

(@sanny)

2 anos, 8 meses atrás

Olá @twinpictures,

Obrigado pela sua resposta rápida.

Eu não queria ativar manualmente uma classe trigonométrica com uma extensão específica. Sua idéia é mudar a estrutura.

O que eu realmente quero é ter um grupo de extensões (com um limite) que fiquem juntas sem nenhuma margem. Mas após o “grupo” deve haver uma margem inferior antes que um novo elemento ou algo semelhante apareça. Então eu preciso de uma pasta ao meu redor.

Agora existe:

<div class="collapseomatic-wrapper">
[expand title="one fish"]...[/expand]
[expand title="two fish"]...[/expand]
[expand title="blue fish"]...[/expand]
[expand title="red fish"]...[/expand]
</div>

Com esta pasta posso desenhar as margens da minha folha de estilo:

.collapseomatic:not(.colomat-close) {
	border: 1px solid rgba(0,0,0,.125);
	margin-bottom: 10px;
}
.collapseomatic-wrapper .collapseomatic:not(.colomat-close) {
	margin-bottom: 0px;
}
.collapseomatic-wrapper {
	margin-bottom: 10px;
}

então todos parecem ótimos

Uma última pergunta: Posso adicionar essa pasta div ao atalho estendido ou preciso adicioná-la no editor de html com uma tag div?

Tudo de bom para saNNNY

Esta resposta foi modificada 2 anos, 8 meses atrás por.

(@twinpictures)

2 anos, 8 meses atrás

coloque no editor html com uma tag div.

(@sanny)

2 anos, 8 meses atrás

Bem obrigado.