CSS ハイパーリンク スタイル クラスを HTML コードから呼び出すことができないのはなぜですか?

ハイパーリンク スタイル用に複数のクラスを作成したいと考えています。ナビゲーション メニュー用の特別なクラスだけでなく、デフォルト クラスも必要です。これは私のCSSコードです: a{color:white;text-decoration:none;}.menu-itemsa{color:black;text-decoration:none;} HTMLで「menu-items」クラスを呼び出そうとしましたが、継続します上記のデフォルトの a{} スタイルを使用します。{}これは HTML コードです: <divclass=&quo

P粉068486220 2024-04-04 11:20:16 0  2  473

JavaScript - このコンテンツはどのようにブロックで表示されますか? なぜテストできないのですか?

この単一ページにはどのようにしてコンテンツがブロック単位で表示されるのでしょうか? {code...} の 2 つの部分を削除し、次のように設定しました。 Navigation {code...} Content {code... } Why can'これは、ここで開いてナビゲーションをクリックしたときに表示されたのと同じ効果がありますか?

曾经蜡笔没有小新 2017-05-16 13:16:49 0  2  424

Woocommerce カスタム属性に複数の分類法を登録するにはどうすればよいですか?

私は Woocommerce ドキュメントを使用して WordPress ナビゲーション メニューのカスタム属性を取得しています: https://woocommerce.com/document/using-custom-attributes-in-menus/ 次のコードを使用しました: add_filter('woocommerce_attribute_show_in_nav_menus', 'wc_reg_for_menus',1,2);関数

P粉610028841 2023-09-03 21:18:04 0  1  563

HTMLで機能するようにメニューボタンの色を変更してみてください

使用しているコードがメニュー ボタンのスタイルで機能しない理由を理解しようとしています。個々のメニューボタンのスタイルを作成しましたが、使用されていないようです。すべてのメニュー ボタンは、私が個別に作成したスタイルではなく、デフォルトの「ul.menulia」スタイルになっています。私はこれに慣れていないので、怠惰に見えたら申し訳ありません。 ul.menu{list-style-type:none;margin:200;padding:100;}ul.menuli{display:inline-block;ma

P粉116654495 2023-09-13 21:13:41 0  2  683

非表示のサイドパネルを表示: チェックが入っています

アニメーション化されたハンバーガー メニューを介してビューに切り替える機能を備えたナビゲーション メニューをサイド パネルに追加したいと考えています。 JSを使わずにCSSだけで作りたいと思っています。 :checked 疑似クラスが最適な方法のようですが、それを機能させることができません。私がこれまでに持っているコード： .site-navigation{z-index:99;background-color:rgba(0,0,0,0.8);position:fixed;top:0;left:0;width:40% ;高さ:1

P粉647504283 2024-04-06 15:49:33 0  1  604

React JSXでハンバーガーメニューをページ全体に合わせる方法

私は Reactjsx を初めて使用します。Tailwind を使用していますが、これは非常に優れています。私もやりながら勉強中です。それで、私のナビゲーションではハンバーガーメニューを表示することができますが、その表示方法が好きではありません。ページ全体が白で塗りつぶされていることを確認しようとしています。下の 2 番目の画像を参照してください。これは私が達成できたことですが、達成したいことはあまりきれいではないと思います、またはそのようなもので、サイト全体を白で塗りつぶし、オプションを表示してください。私の質問は、私のコードについてです。どうすればできるでしょうか。私がそれを実現しますか？...

P粉368878176 2023-08-31 14:31:09 0  1  587

書き直されたタイトルは、「Tailwind CSS を使用して高さを調整できるアニメーション ドロップダウン メニューを作成するにはどうすればよいですか?」です。

私はサイド プロジェクトに Tailwindcss、React、Next.js を使用しています。画面サイズがtailwindで定義された「sm」サイズに達したときにハンバーガーメニューを表示する応答性の高いナビゲーションバーを作成しようとしています。ハンバーガーのアイコンをクリックすると、メニューが高さ 0 から max-h-40 に遷移するようにします。以下のコードに些細な何かが欠けているような気がします。これを見ている他の人が私が欠けているものを理解できることを願っています。 navbar.tsx"useclient";importI

P粉667649253 2024-02-17 11:54:04 0  1  587

Z-indexを使用してドロップダウンコンテンツを一番上に配置するにはどうすればよいですか?

モバイル ビューではこのように動作するドロップダウン div 要素ですが、要素を検査するとモバイル ビューに表示されます。ほぼすべての関連するナビゲーション要素の CSS z-index スタイルを変更して、この要素を「z-index:121212! important;」に維持しようとしましたが、ドロップダウン div は依然として他のすべてのナビゲーション リンクの背後に表示されます。なぜこれが起こっているのか知っている人はいますか?ご協力をいただければ幸いです。これは私の HTML コードとその CSS です: .navbar-mobile.dropdown>

P粉986860950 2023-08-31 23:37:47 0  1  535

React コンポーネントが右クリックの変数を記録できるようにする方法 (これを達成するにはダブルクリックが必要です)

プロジェクトの React コンポーネントで問題が発生しています。右クリック変数を正しくログに記録するには、ナビゲーション中に 2 回クリックする必要があります。問題の詳細とコードは次のとおりです。 コース ナビゲーション システムを表す React コンポーネントがあります。ナビゲーション メニューでコースをクリックすると、クリックしたコースのインデックスが記録され、何らかのアクションが開始されます。ただし、インデックスを正しく記録するには 2 回クリックする必要があることに気付きました。コンポーネント内には、ビデオ再生の開始とビデオ アクセス OTP の設定のロジックを処理する handl...

P粉083785014 2023-08-15 22:46:56 0  1  593

CSSの無効なボタンクラスの問題を解決する

ReactJS を使用してこのナビゲーション バーのコードを完成させましたが、ボタンのクラスが機能しません。基本的なボタンのスタイルを試してみましたが、うまくいきませんでした。私はこれに慣れていないので、間違った部分を見つけることができません。 jsxファイル ->> これはjsxファイルです cssファイル ->> これはcssファイル 最終出力 ->> 最終的なWebビュー ボタンにスタイルを追加したいのですが、CSSからボタンクラスを選択すると機能しません。

P粉111641966 2023-08-13 18:54:51 0  2  561

Select2 ドロップダウンの外観をカスタマイズする

私の場合、ドロップダウンに select2Combobox を使用しています。ここでは、国の選択が変更されると、その選択された ID を JSON 結果に渡し、その結果を州コンボ ボックスに割り当てて取得します。これが発生すると、ドロップダウン ビューが丸いエッジから正方形に変わります。同じスタイルを select2 コンボボックスに追加する方法を知りたいです。これが私のコードです。 <divclass="col-md-6col-sm-6"><divclass=&q

P粉256487077 2024-04-03 11:27:22 0  1  518

画像を 2x1x2x1x2 レイアウトに配置する

図に示すように、画像を 2x1x2x1x2 のグリッド形式に配置したいのですが、画像が繰り返され、このように取得する方法がわかりません。私はグリッドの仕組みにあまり詳しくなく、理解できないようです。私はそれらを柔軟にして、position: Explained などで少し混乱させましたが、ナビゲーションなどが配置されているページの先頭までずっと送信されます。私が今持っているものを見る限り、すべての画像は互いに貼り付けられていますが、それは問題ありませんが、それは 1 列にしかありません。以下のコードは、同じ形式のさらに多くの画像を続けます。 img{幅:50%;}#img

P粉788765679 2024-03-22 09:20:14 0  1  386

問題 2003 (HY000) を修正する方法: MySQL サーバー 'db_mysql:3306' に接続できません (111)

最近、FastAPIPython サーバーをコンテナ化しようとしました (レプリケーション/二重化の目的でもあります)。以前は、Docker コンテナーに MySQL サーバーだけを入れてすべて問題なかったのですが、Web サーバーもサービスにしたところ、MySQL サーバーに接続できなくなり、アプリケーションが動作しなくなりました。以下は、アプリケーション fromfastapiimportFastAPIimportmysql.connectorapp のサーバー データベース初期化コネクタのコード スニペットです。

P粉178132828 2023-09-05 11:18:47 0  1  933

クエリ制限後のソートを試してみる

それで、これが私の最初の質問です、何か間違っている場合はご容赦ください。制約に基づいて並べ替えクエリを作成しようとしています。つまり、90 個のレコードを持つ Customers テーブルがあります。まず 3 レコードに制限されたクエリを実行し、次にこのクエリの結果を ContactName という列で並べ替えたいと考えています。これはネストされたクエリである可能性があると思います。ネストされたクエリは SQLServer では正常に実行されますが、MySQL で実装する方法がわかりません。制限クエリ: Select*fromcustomerslimit

P粉237125700 2023-09-05 14:46:42 0  1  802

CSS グリッド: 子コンテンツが列幅をオーバーフローした場合に新しい行を作成する

CSS グリッドに基づいた 2 列のレイアウトがあります。 2列目の内容が1frを超えた場合、新しい行を作成したいと思います。現状では、コンテンツが単に列から溢れてしまいます。このレイアウトの要件の 1 つは、右側のメニュー列の項目が 1 行にあることです。これを次のように実行します。 .right-menu{...grid-auto-flow:columndense;...} Grid-auto-flow 属性を削除すると、オーバーフローが停止します。ただし、アイテムは複数の行に積み重ねられており、これは私が望むものではありません。 .riも変換してみました

P粉212114661 2023-09-05 15:18:28 0  1  684

AND、OR、NOT 演算子を使用した PHP 全文検索機能

初心者の質問: php と eloquent を使用して、検索文字列の全文検索を実装しようとしています。 $searchstring="+(被害者容疑者)+crime-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

P粉076987386 2023-09-05 15:06:32 0  1  658

すべての PHP 型を文字列に変換する最短の方法

私は、いつか医療などの分野 (つまり「科学的」) に適用できることを願っている一般的なシステムを書いています。最良の方法は、php 内のすべてのデータを文字列で表すことだと思います (true は「true」、false は「false」など)。その理由は、php ではすべての値が一意の文字列表現 (php コード自体など) を持つためです。このプログラムの設計プロセスをスピードアップするために、この質問を投稿しました。数値やブール値など、一部の値は簡単に文字列に変換できます。オブジェクト、配列、リソースなど、簡単ではないものもあります。譲渡対象だと思いますが、

P粉369196603 2023-09-05 15:34:44 0  1  1079

他の列でグループ化しながらMySQLのDATETIME列の平均を取得する方法

次のクエリを使用して MySQL テーブルを作成し、データを設定しています: SETtime_zone='+00:00';CREATETABLEtimestamp_n_datetime(idINT,timeDATETIME,avg_timeDATETIME);INSERTINTOtimestamp_n_datetime(id,time,avg_time)VALUES("1","2023-01) -0310:

P粉460377540 2023-09-05 11:46:21 0  1  561

マルチデバイス (携帯電話) の同期 - React Native

すべてのユーザーのモバイル デバイスで同時に起動するライトショーを作成しようとしています (最大 2000 ～ 3000 人のユーザーが参加可能)。すべてのユーザーはインターネット (Wi-Fi またはモバイル データ) を使用します。私たちの FE では、サブスクリプションに Apollo を使用していますが、それは魅力的に機能します。しかし問題は、ユーザー A がユーザー B よりも早くサブスクライブされたイベントを取得できることです。これは、ユーザー A がユーザー B よりも早くゲームのプレイを開始することを意味します。ライトショー アーキテクチャがあり、ユーザーは早くも遅くも開始でき...

P粉151466081 2023-09-05 11:58:38 0  1  763