【66-2】ユーザーアクション擬似クラス :active :hover

今回からユーザーアクション擬似クラスを見ていきましょう。 ユーザーアクション擬似クラスは、ユーザーの操作の状態によって要素をセレクトするための擬似クラスです。 ですのでユーザー側の操作が必要な <a>要素や、フォーム関連の要素などに使うことが多いです。 今回はまず、:active :hover を見てみましょう。 ちなみに ユーザーアクション擬似クラスは <a>要素やフォーム関連の要素によく使わ...

【66-1】ロケーション擬似クラス :target :target-within :local-link

ロケーション擬似クラスの続きです。 今回は、:target :target-within :local-link を使ってみます。 擬似クラスって何？というかたは、こちらをご覧ください。 【66】擬似クラスと疑似要素（2つの違いとそれぞれの特徴） 擬似クラスも含めた セレクター一覧いちらんはこちらです。 【65】CSSのセレクターを整理しよう（セレクター 一覧） 本日のINDEX :target（リンク先の要素をセレクト） :t...

【66-1】ロケーション擬似クラス :link :visited :any-link

今回から擬似クラスについて、1つずつ見ていきましょう。 擬似クラスは、基本的なセレクター（エレメンタルセレクターや属性セレクター）の後にくっつけて、その要素の「ある状態」をセレクトすることができるモノ。 いっぱいある擬似クラスの中で、まずはロケーション擬似クラスを見てみよう。 これは、リンクの状態（今いる位置、リンク履歴など）によって要素をセレクトします。 ですので href 属性を持つ <a>要...