:: Antes de {Content "} ou:: depois de {Content"} é um seletor virtual muito útil quando você não tem controle direto sobre HTML (elemento plug-in Said. exe) e deseja alimentar atributos comuns a esses elementos.
Use as seguintes propriedades:: antes, e conteúdo "" para colocar o conteúdo que você deseja inserir.
:: Antes e:: após o uso em CSS real
<div class="reply">Comentários</div>
Se você quiser colocar algo na frente da resposta de nome de classe acima, você pode fazê-lo adicionando CSS a ele.
. Reply:: antes {
Conteúdo: "Este é um"
}
Este conteúdo: se você quiser dar uma propriedade para o elemento, então você pode fazê-lo.
. Reply:: antes {
Conteúdo: "isto é";
Font-weight: negrito;
Font-style: itálico;
}
O texto, bem como o plano de fundo: URL ("endereço de imagem") no-repeat; Insira o endereço da imagem como, largura: 16px; Você também pode definir largura e altura para incluir imagens usando a altura: 16px; e assim por diante, ou usar ícones CSS, como o ícone de CSS awesome.
. Reply:: antes {
Conteúdo: "f044";
Fonte: normal normal 16px normal/1 fontawesome;
Margem direita: 5px;
}
(Note que os emoticons CSS na frente dos comentários no exemplo são realmente usados na janela de comentários do site Gkkmon.)
:: Antes e:: após aplicações
Você pode usar esse recurso para personalizar seu site ou blog de várias maneiras. Você pode inserir um ícone na frente de determinados elementos, como aquele usado por Gkkmon.<li></li>Você também pode fazer a mesma lista.
A melhor parte de tudo é que você pode mudar partes do plug-ins que você não sabe ou o que elementos HTML que você não quer mudar (Gkkmon) que você está usando no site (o cão Honey-Mon) é um plugin para o WordPress jetpack (Jet Pack).
Depois de ter aplicado isso e descobriu o nome da classe, como clique direito → inspeção elemento, para substituir o site do seu próprio, vamos personalizá-lo para o seu gosto.