要素のスタイルを設定する方法：スタイルなしのフォーカス：ホバー

Question

スタイルを使用することが可能かどうかを教えてください：スタイルなしのフォーカス：ホバー、つまり要素が選択されず、マウスカーソルがstyle：hoverが適用され、要素が選択されてマウスカーソルが上がったとき、スタイル：ホバーは適用されませんか？例えば

：

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

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

新多分：それはあなたのニーズに従って変更することができますだけのサンプルです：

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

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

Answer 1

が

NB以下の例を試してみてください。

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

 
a:focus { 
 
    color: green; 
 
}

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

Answer 2

あなたは:notセレクタeasily.hereを使用してそれを行うことができます:not selector

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