JavascriptFloatにクラスを追加する

| | | |

CSS:ホバーセレクターは、カーソルでその要素にカーソルを合わせると、その要素を選択します。たとえば、次のように使用できます。カーソルをリンクの上に置いたときにホバーしてリンクの色を変更する

ウェブページの要素に適用されるスタイルを転送できます。 。ユーザーがこの要素にカーソルを合わせる

ここで、CSSセレクターを使用できます:ホバー。 :ホバーセレクターを使用すると、ホバーしながらアイテムを選択できます。これにより、マウスを

要素の上に置いたときにスタイルを適用できます。このチュートリアルでは、CSSのセレクターの基本と、CSSセレクターの使用方法について例を挙げて説明します。ホバリングフライト。このチュートリアルを終了するまでに、以下を使用してスタイル要素を選択するエキスパートになります。ホバー

CSSセレクター

CSSでは、セレクターを使用して、Webページでスタイルを設定するHTML要素を選択します。セレクターを使用すると、ID、クラス、グループ、または属性に基づいてアイテムを選択できるため、特定のスタイルを特定のアイテムに適用できます。

たとえば、すべての

タグをHTMLドキュメントは明るいピンクの背景で表示されます。これは、次のコードを使用して実行できます。

このコードでは、Webページ内のすべての

タグを選択する

セレクターを使用します。次に、中かっこで、

CSSセレクターのWebページの

タグに適用するスタイルを指定します。ホバー

CSSセレクター:ホバーは、マウスで要素の上にホバーする要素を選択します。:ホバーは任意のCSS要素で使用できますが、リンクで一般的に使用されます。:ホバーはの名前の後に指定されます。選択するアイテム。例:リンクにカーソルを合わせる

使用できるシナリオは多種多様です。セレクター:ホバー。セレクターの潜在的な使用例は次のとおりです。

  • マウスをテキスト行に合わせたときにテキストの色を変更する
  • ユーザーがカーソルを合わせたときに画像のサイズを変更する画像の上にマウスを置きます。
  • マウスをボタンの上に置いたときにボタンの色を変更します。

これらすべての使用例では、特定のスタイルが次の場合に適用されます。ユーザーがカーソルで要素の上にマウスを置く

セレクター構文:飛行中の静止は次のとおりです:< / p>

ここにメインがあります構文のコンポーネント:ホバー:

2番目のルールは、マウスをタグの上に置くと、Webページ上のタグの色をオレンジ色に変更します。これは、セレクター:ホバーを使用して行われます。

したがって、 KarmaCareerホームページのテキストにマウスを合わせると、バインディングの色がオレンジ色に変わります

ホバー効果CSS:。テキストのブロックを表示する

セレクター:マウスをテキストの行に合わせると、ホバーを使用してテキストのブロックを表示することもできます

FAQを設計しているとします。 Karmaキャリアサイトのページ。 。ユーザーが質問の上にマウスを置くと、質問への回答を含むテキストのブロックが表示されます。次のコードを使用してサンプルの質問を作成できます。

Auto eer Karmaは、テクノロジー業界で夢のキャリアを達成するのに役立つ同僚、メンター、コーチのコミュニティです。