Resultados da pesquisa a pedido "pseudo-element"
Ou seja, não colorindo: antes como célula de tabela, por que?
<!DOCTYPE html> <html> <head> <style> div:before { display: table-cell; content: "ABC"; color: red; } </style> </head> <body> <div>123</div> </body> </html>Eu esperaria que isso renderizasse algo como, mas eu recebo em vez disso, apenas ...
Seletor universal * e pseudo-elementos
O seletor universal* afetar pseudo-elementos como:before e:after? Deixe-me usar um exemplo: Ao fazer isso: * { box-sizing: border-box; }... a declaração acima não inclui / afeta automaticamente pseudo-elementos como:before e:after também? Ou, ...
firefox adiciona espaço estranho ao redor Pseudo-elementos
Dê uma olhada nessas fotos JSFiddlelink na parte inferior Raposa de fogo: cromada: ambos são o mesmo elemento retirado do chrome e do firefox e, como você pode ver, o do firefox tem algum espaço em torno do lado superior e esquerdo, mas o do ...
Como criar dicas de ferramentas personalizadas com pseudoelementos de css
estou lendotruques de CSS e no final [http://css-tricks.com/pseudo-element-roundup/]Eu posso ver o seguinte. Usando um atributo de dados HTML5, puxando-o e estilizando-o como um pseudo-elemento, podemos criar dicas de ferramentas completamente ...
Botão alongado em forma de hexágono usando apenas um elemento
Eu gostaria de criar um botão como este apenas com CSS sem usar outro elemento. Imagem do botão Como o botão tem umborder anexado, acho que normalmente preciso de ambos, o:before e:after elementos para criar apenas uma seta de um lado. Então, ...
O que é a expressão :: before ou :: after e por que é mostrada nas ferramentas do desenvolvedor do navegador?
eu li::before é usado para adicionar conteúdo antes do elemento usado, por exemplo p::before { content: "Read this: "; }mas na maioria das vezes que eu vi (espiando páginas da web por meio de ferramentas de desenvolvedor), eles as usam sem ...
cursor: ponteiro no pseudo elemento IE
Estou implementando um botão Fechar em um elemento que contém texto com CSS. O botão Fechar é conteúdo gerado a partir de um pseudo elemento comcontent:'X';. Eu preciso do cursor para se tornar um ponteiro no "X", então eu ...
A que elementos de fechamento automático podem ser aplicados :: antes e :: depois dos pseudo-elementos
Estou particularmente interessado em entender quando o::before e::after pseudoelementos podem ser aplicados a tags de fechamento automático. Essa é a definição desses pseudoelementos, de acordo com oEspecificações de CSS de conteúdo gerado ...
Font Awesome 5 - Por que mostra quadrado em vez de ícone quando usado em pseudo-elemento?
Estou tentando alterar o conteúdo de umspan com um ícone Fonte impressionante diretamente da página CSS, mas parece que não funciona corretamente. 1) Importei FA da documentação e no<head> <link ...
Use o pseudo elemento para criar sobreposição de plano de fundo
Meu objetivo é ter uma div com qualquer plano de fundo, que usa um pseudo elemento para criar uma sobreposição branca transparente, "iluminando" o plano de fundo da div. A "sobreposição" deve estar abaixo do conteúdo da div. Então, no exemplo a ...