擬似クラスと擬似要素

Posted on 6月 24, 2010

0


  • リンク擬似クラス

    • :link

      • 未訪問のリンクにスタイルを適用する

    • :visited

      • 訪問済みのリンクにスタイルを適用する

  • ダイナミック擬似クラス

    • :hover

      • マウスがロールオーバーしたとき

    • :focus

      • フォーカスされたとき

    • :active

      • クリックされた後

  • :first-child擬似クラス

    • :first-child

      • 要素の中の最初の子要素

  • 擬似要素

    • :first-line擬似要素

      • 要素の1行目のみにスタイルを適用する

    • :first-letter擬似要素

      • 要素の1文字目のみにスタイルを適用する
      • 1文字目のみ大きくするときなどに使う。ドロップキャップ、イニシャルキャップ

    • :before擬似要素

      • 要素の直前にコンテンツを生成する

    • :after擬似要素

      • 要素の直後にコンテンツを生成する

擬似クラスと擬似要素の一覧 – WEB知識のメモ帳

広告
Posted in: CSS基礎