このページのリンクのスタイリングに取り組んでいたので、component-headerホバーイベントがトリガーしていないことに気付きました。私はシークレットモードでページを開き、リンク:hover
のスタイリングがレンダリングされました。リンクをクリックするとホバーイベントを無効にする必要がありますか?
ブラウザ(ChromeとFirefoxの両方)は、特定のリンク(新しいタブであるかどうかにかかわらず)にアクセスしたことを覚えています。その後、ブラウザはホバーイベントをトリガーしません。
リンクが訪問されたかどうかに関係なく、そのイベントがトリガーされることを期待していました。私はリンクが訪問されたら:visited
スタイルが表示されることを期待しますが、マウスが動くと、私は当然、:hover
スタイルがトリガーされることを期待しています。
私はこのためにChromeにbug reportを提出しました。私はそれをフォローアップするべきかどうか、または現在の動作が正当な理由のために存在するかどうか疑問に思っていますか?
@kapreskiが提供する巧妙なヒントは非常に簡単ですが、疑似セレクタの正しい順序を覚えておく必要はないようです。
ああを考え、少し簡単に4つのセレクタの順番を覚えて作る受け入れ答えにヒントを追加する - 依存ソース順 - 良いアイ - ありがとう。私はコンポーネントのデザインを更新し、クリックの前後でレンダリングします。 – Ole