So legen Sie einen Stil fest: Fokus ohne Stil: Hover

Question

Bitte sagen Sie mir, ob es möglich ist, Stil zu verwenden: Fokus ohne Stil: Hover, dh wenn das Element nicht ausgewählt ist und der Mauszeiger dorthin bewegt wird, dann style: hover wird angewendet, und wenn das Element ausgewählt ist und der Mauszeiger schwebt, wird der style: hover nicht angewendet?

Zum Beispiel:

input:focus { 
    border: 1px solid red; 
} 

input:hover { 
    border: 1px solid orange; 
} 

New vielleicht:

input:focus:not[':hover'] { 
    border: 1px solid red; 
} 

input:hover { 
    border: 1px solid orange; 
} 

Answer 1

versuchen, das folgende Beispiel

NB: Es ist nur ein Beispiel, das Sie nach Ihren Bedürfnissen ändern können.

a:hover:not(:focus) { 
 
    color: default; 
 
} 
 

 
a:focus { 
 
    color: green; 
 
}

<a href="https://www.google.com">Test!</a>

Answer 2

Sie können es :not Selektor easily.here tun verwendet, ist ausführlich über :not selector

input:focus:not(:hover) { 
    border: 1px solid red; 
} 
input:hover { 
    border: 1px solid orange; 
}