Movatterモバイル変換


[0]ホーム

URL:


はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

はてなブックマーク

  • はてなブックマーク
  • テクノロジー
  • CSS の :has() 疑似クラスを使って :hover や :focus-within されたセルをわかりやすくハイライトする
  • Twitterでシェア
  • Facebookでシェア

気に入った記事をブックマーク

  • 気に入った記事を保存できます
    保存した記事の一覧は、はてなブックマークで確認・編集ができます
  • 記事を読んだ感想やメモを書き残せます
  • 非公開でブックマークすることもできます
適切な情報に変更

エントリーの編集

loading...

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

タイトルガイドライン

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます
コメントを非表示にできますコメント表示の設定

ブックマークしました

ここにツイート内容が記載されますhttps://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

2usersがブックマークコメント0

    ガイドラインをご確認の上、良識あるコメントにご協力ください

    0/0
    入力したタグを追加

    現在プライベートモードです設定を変更する

    おすすめタグタグについて

      よく使うタグ

        CSS の :has() 疑似クラスを使って :hover や :focus-within されたセルをわかりやすくハイライトする

        ガイドラインをご確認の上、良識あるコメントにご協力ください

        0/0
        入力したタグを追加

        現在プライベートモードです設定を変更する

        おすすめタグタグについて

          よく使うタグ

            はてなブックマーク

            はてなブックマークで
            関心をシェアしよう

            みんなの興味と感想が集まることで
            新しい発見や、深堀りがもっと楽しく

            ユーザー登録

            アカウントをお持ちの方はログインページ

            記事へのコメント0

            • 注目コメント
            • 新着コメント
            新着コメントはまだありません。
            このエントリーにコメントしてみましょう。

            注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

            リンクを埋め込む

            以下のコードをコピーしてサイトに埋め込むことができます

            プレビュー
            アプリのスクリーンショット
            いまの話題をアプリでチェック!
            • バナー広告なし
            • ミュート機能あり
            • ダークモード搭載
            アプリをダウンロード

            関連記事

              usersに達しました!

              さんが1番目にブックマークした記事「CSS の :has() 疑...」が注目されています。

              気持ちをシェアしよう

              ツイートする

              CSS の :has() 疑似クラスを使って :hover や :focus-within されたセルをわかりやすくハイライトする

              CSS の :has() 疑似クラスを使って :hover や :focus-within されたセルをわかりやすくハイライトする ...CSS の :has() 疑似クラスを使って :hover や :focus-within されたセルをわかりやすくハイライトする 表組み (table) のセルにマウスオーバーしたときに、そのセルが属する行と列の背景色を変えてハイライト表示することで、縦軸、横軸を参照しやすくするっていうCSS のアイデアを拝見して、自分なりに少し改変しつつ実際に動作するデモページを作ってみたというお話。 たまたま X (Twitter) で目にしたCSS (下記のポスト) が個人的に 「へぇ頭いいな~」 と思ったので、自分でも試してみようと簡単にデモページを作ってみましたというお話。 <table> highlighting withCSS :has() td:has(~ td:hover), /* previous sibling cells */ table:has(td:nth-of-typ

              ブックマークしたユーザー

              • gazza0692025/02/10gazza069
              すべてのユーザーの
              詳細を表示します

              ブックマークしたすべてのユーザー

              同じサイトの新着

              同じサイトの新着をもっと読む

              いま人気の記事

              いま人気の記事をもっと読む

              いま人気の記事 - テクノロジー

              いま人気の記事 - テクノロジーをもっと読む

              新着記事 - テクノロジー

              新着記事 - テクノロジーをもっと読む

              同時期にブックマークされた記事

              いま人気の記事 - 企業メディア

              企業メディアをもっと読む

              はてなブックマーク

              公式Twitter

              はてなのサービス

              • App Storeからダウンロード
              • Google Playで手に入れよう
              Copyright © 2005-2025Hatena. All Rights Reserved.
              設定を変更しましたx

              [8]ページ先頭

              ©2009-2025 Movatter.jp