Como escrever :hover' e
:visit' condição para `a:antes'?
I'estou tentando a:antes:pairar
mas isso'não está funcionando
Isto depende do que você'está realmente a tentar fazer.
Se você simplesmente deseja aplicar estilos a um pseudo-elemento :antes' quando o elemento
a' corresponde a uma pseudo-classe, você precisa escrever a:hover:antes' ou
a:visit:antes' em vez disso. Note que o pseudo-elemento vem após a pseudo-classe (e na verdade, no final de todo o seletor). Note também que eles são duas coisas diferentes; chamá-los de "pseudo-selecionadores" vai confundir você uma vez que você se depara com problemas de sintaxe como este.
Se você're escreve CSS3, você pode denotar um pseudo-elemento com dois colons para tornar esta distinção mais clara. Assim, a:hover::before' e
a:visit::before'. Mas se você're desenvolver para navegadores legados como o IE8 e mais antigos, então você pode se safar com o uso de dois-pontos simples, muito bem.
Esta ordem específica de pseudo-classes e pseudo-elementos é indicada no spec:
Um pseudo-elemento pode ser anexado à última sequência de selectores simples de um selector.
Uma seqüência de seletores simples é uma cadeia de seletores simples que não são separados por um combinador. Começa sempre com um selector de tipo ou um selector universal. Nenhum outro selector de tipo ou selector universal é permitido na sequência.
Um simple selector é um selector de tipo, selector universal, selector de atributos, selector de classes, selector de ID, ou pseudo-classe.
Uma pseudo-classe é um seletor simples. Um pseudo-elemento, porém, não é, embora se assemelhe a um simples seletor.
No entanto, para pseudo-classes de ação do usuário como :hover
1 se você precisar que esse efeito se aplique apenas quando o usuário interage com o pseudo-elemento em si, mas não com o elemento a', então isso não é possível a não ser através de algum trabalho obscuro, dependente do layout. Como implícito pelo texto, pseudo-elementos CSS padrão não podem atualmente ter pseudo-classes. Nesse caso, você precisará aplicar
:hover' a um elemento criança real, ao invés de um pseudo-elemento.
1 Claro, isto não se aplica a pseudo-classes de links como :visitado
como na pergunta, uma vez que pseudo-elementos são't links.
Escreva a:hover::before
ao invés de a::before:hover
: [exemplo](
Para alterar o link do menu's text on mouseover. (Texto de idioma diferente em pausa) aqui está o
[exemplo jsfiddle][1]
html:
<a align="center" href="#"><span>kannada</span></a>
css:
span {
font-size:12px;
}
a {
color:green;
}
a:hover span {
display:none;
}
a:hover:before {
color:red;
font-size:24px;
content:"ಕನ್ನಡ";
}