Efeito hover nos nomes

• Descrição:

Boas quando passamos o rato pelos nicks queria que aparecesse como no forumeiros tipo "doporte geral" eu já tentei colocar

a [href="/u1"] strong:hover


mas não está a funcionar s:

• Informações:

Código:


a[href*="/u"] span[style="color:#C39300"] strong:hover:after {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    bottom: 15px;
    color: #FFFFFF;
    content: "Suporte no atendimento aos usuários";
    display: inline-block;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    left: -70px;
    padding: 2px;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}


Código:


style="color:#C39300"


Código:

style="color:#C39300"

Código:

a[href*="/u1"] {
position: relative;
}
a[href*="/u1"]:hover:after {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    bottom: 15px;
    color: #FFFFFF;
    content: "Suporte no atendimento aos usuários";
    display: inline-block;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    left: -70px;
    padding: 2px;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}