简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
書き換えられたタイトルは次のとおりです。 カーソルがリスト要素に移動したことに応じてリストのタイトルを変更します。
P粉131455722
P粉131455722 2023-09-04 23:54:54
0
1
487
<p>リンク テーブルを作成しています。リスト リンクの 1 つにマウスを移動したときにテーブル ヘッダーの背景色を変更して、テーブルをより美しくしたいと考えています。ただし、コンテナ要素の小さな要素に影響を与えて、コンテナ要素のプロパティを変更する方法がわかりません。これは私のコードです: </p> <pre class="brush:php;toolbar:false;"><html lang="vi"> <頭> <スタイル> .toc-コンテナ { 最大幅: 600ピクセル; フォントファミリー: 「Roboto」、サンセリフ; 背景: #deff9d; 境界半径: 8px; ボックスシャドウ: 0 4px 11px rgba(0, 0, 0, 0.6); } .toc-container h2.index-Heading { テキスト変換: 大文字; フォントの太さ: 通常; マージン: 0 16px; パディングトップ: 16px; } 。目次 { リストスタイル: なし; パディング: 0; } .目次 li.author li.blog { 背景: #222; トランジション: 400ms; リストスタイル: なし; } .目次 li.author{ 背景色: 緑; } .目次 li.author li:nth-of-type(even).blog { 背景: #2e2e2e; } .目次 li.author li:hover.blog { 背景: #000; } .目次 li a { テキスト装飾: なし。 色: #fff; マージン左: 24px; パディング: 16px 0; 表示ブロック; } </スタイル> </head> <本体> <div class="toc-container"> <h2 class="index-Heading">見出し</h2> <ul class="目次"> <li class="著者"> <a href="#">著者名</a>
    <li class="ブログ"> <a href="#">Nháp 1</a> </li> </ul> </li> </ul> </div> </ボディ> </html></pre>
P粉131455722
P粉131455722

全員に返信(1)
P粉343408929
P粉3434089292023-09-05 14:12:54 1棟

これは JavaScript を使用すると簡単に実現できると思います。要素イベント mouseenter と mouseleave を使用してスタイルを変更できます。これが役に立つかもしれません。コードは次のとおりです:

リーリー
いいねを押す +0
返信を追加
人気のトピック
詳細>
人気の記事
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！