ホームページ > ウェブフロントエンド > htmlチュートリアル > ハイパーリンクに関すること(1):擬似class_html/css_WEB-ITnose

ハイパーリンクに関すること(1):擬似class_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:35:46
オリジナル
1431 人が閲覧しました

1. CSS 疑似クラスとは

CSS 疑似クラス (疑似クラス) は、セレクターまたはそれに関連するセレクターの状態を指定するために使用されます。その式は selector:pseudoclass{property:value;} です。

2. ブラウザのサポート

CSS にはブラウザでサポートされていない疑似クラスが多数ありますが、ハイパーリンク用の 4 つの疑似クラスは安全に使用できます。

3. ハイパーリンクの疑似クラス

  • link ユーザーが訪問していないリンクに適用されます
  • visited ユーザーが訪問したリンクに適用されます
  • hover カーソル (マウス) に適用されますポインタ) ) 配置された接続
  • active は、クリックされた接続に適用されます
  • 4. 疑似クラスの順序

    ハイパーリンクの疑似クラスを使用するときは、リンクに従う必要があります。 > 訪問済み -> ホバー -> アクティブな順序。

    例:

    a:link {color: red;}a:visited {color: yellow;}a:hover {color: green;}a:active {color: gray;}
    ログイン後にコピー

    簡単な表記「愛憎」「愛憎」。

    ヒント:

    ①. 訪問されたリンクについては、ブラウザはアクセス情報を記録するため、リンクと訪問された効果を表示するには、ブラウザのキャッシュをクリアする必要がある場合があります。

    ②. ハイパーリンクにはデフォルトのスタイルの下線があり、下線を削除するには次の CSS が必要です:

    a{text-decoration:none;}

    続く...

    ソース:php.cn
    このウェブサイトの声明
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
    人気のチュートリアル
    詳細>
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート