に質問検索_PHP中国語ウェブサイト

コミュニティ学ぶツールライブラリレジャー

日本語

人気の検索：
PHP
MySQL
jquery
HTML
CSS

CSS セレクターの優先順位/特異性のデコード

CSS セレクターが属性の競合をどのように処理するかを理解したいと考えています。ある物件を別の物件より選択するにはどうすればよいですか? div{背景色:赤;}div.my_class{背景色:黒;}div#my_id{背景色:青;}bodydiv{背景色:緑;}body>div{背景色:オレンジ;

P粉715274052 2023-10-19 22:58:19

CSS セレクターの優先順位と特異性の詳細については、こちらをご覧ください。

プロパティの競合時に CSS セレクターがどのように機能するかを理解したいと考えています。ある属性が別の属性よりもどのように選択されるのでしょうか? div{background-color:red;}div.my_class{background-color:black;}div#my_id{background-color:blue;}bodydiv{background-color:green;}body>div{background-colo

P粉036800074 2023-08-22 22:06:31

セレクターのグループ化機能が成功しませんでした

<!DOCTYPE html><html> <head> <title>CCS の基本構文</title> <style type="text/css">  p{color:blue;f

碧玉刀 2018-06-12 21:32:41

属性セレクターを使用して CSS 内の要素を選択する

CSS では、HTML5 の data 属性 (data-role など) を介して要素を選択することはできますか?

P粉143640496 2023-08-21 17:08:53

【フロントエンド就活必読】フロントエンド開発面接一問一答_CSS

CSS: CSS ボックスモデルを導入しますか? (1)IEボックスモデルと標準W3Cボックスモデルの2種類あり、IEのコンテンツ部分にはborderとpaddingが含まれる、(2)ボックスモデル：content、padding、margin、border） CSSセレクターとは何ですか？どのようなプロパティを継承できますか?優先アルゴリズムはどのように計算されますか? CSS3 の新しい疑似クラスとは何ですか? * 1.idセレクター(# myid)

天蓬老师 2017-11-13 13:03:00

属性のない div タグ内の参照の目的は何ですか?

CSS で属性セレクターの使用を開始したいと考えています。 div タグには参照が含まれていますが、属性ステートメントは含まれていません。例: <divclass="container"data-footer> 私の検索 (過去 1 時間) では、attribute=( For を使用せずにこれを行う方法に関する情報は見つかりませんでした。たとえば、id= または class= などの場合は、「data-footer」をリストします。数十の SO および Google リンク、div タグ内に単一の参照がない

P粉197639753 2024-03-20 11:26:40

html5 - HTML または JS は .css 属性を動的に変更できますか?

例えば、*.cssや<style>の属性値を入力値の内容に応じて変更することは可能でしょうか？例: input:color タグを使用して、選択された色の値を取得し、スクロールバーの色を更新しますか? (これはインラインではなくセレクターを使用する必要があります) 思い浮かぶ方法の 1 つは、j を使用することです。

伊谢尔伦 2017-05-24 11:36:09

CSS 属性セレクターと入力タグの疑似要素の違い

**CSS ファイル内: **input[type="text"]{border:2pxsolidred;}input::placeholder{color:green;}input[title="google"]{background-color:black;color:タイプ、プレースホルダ、タイトルで書き方が異なるのはなぜですか?マークがあるにも関わらず

P粉988025835 2023-09-10 15:43:12

CSSクラスセレクターのwidthプロパティを確認するにはどうすればよいですか?例は .label{} です。

以下は、.label の幅 270 を選択した CSS コードに関する私のコメントです。ブラウザの開発者ツールを使用して .label 要素を検査すると、実際の幅は 270 ピクセルではなく 288 ピクセルであることに気づくかもしれません。これは、ブラウザでは要素のサイズを決定するときにデフォルトで境界線とパディングが含まれるためです。これは私の CSS コードです: .label{border:2pxsolidblack;width:270px;margin:20pxauto;padding:07px;閲覧方法

P粉186904731 2024-04-01 17:45:11

CSS の特異性はどのように計算されますか?

特異性について調査しているときに、このブログ (http://www.htmldog.com/guides/cssadvanced/specity/) に出会いました。このブログでは、特異性は CSS のスコアリングシステムであると述べられています。要素値が 1 ポイント、クラス値が 10 ポイント、ID 値が 100 ポイントであることがわかります。さらに、これらのスコアが合計され、合計スコアがセレクターの特異性になると言われます。例: body=1 ポイント body.wrapper=11 ポイント body.wrapper#container=111 ポイントしたがって、

P粉823268006 2023-08-23 09:46:01

CSS セレクターを使用して、特定の属性またはタグを含む div 要素をターゲットにする方法は?

私はウェブサイトを生成する POS システムに取り組んでいます。コードのほとんどは独自仕様なので、あまり編集できません。いくつかの画像がカテゴリーとしてフローティングされたカテゴリーの出力リストがあります。ホームページにリストされている最初の 3 つを非表示にしたいと考えています。 div:nth-child(1) を使用して、含まれる div を配置しようとしましたが、これは機能しますが、各子ページもそれらを非表示にします。残念ながら、ホームページ以外のすべてのページでは、本文とメイン div にクラスが追加されるだけなので、カテゴリ ID やスタイル、またはページごとにクラスを追加すること...

P粉493313067 2024-04-03 22:25:59

CSS 疑似クラス関数で複合セレクターを効果的に使用する方法を学びます: host-context(<selector>)

MDN ドキュメントでは、:host-context() は次のように定義されています。 :host-context() CSS 疑似クラス関数は、CSS が含まれるシャドウ DOM のシャドウホストを選択します (そのため、そのシャドウからカスタム要素を選択できます) DOM ) - ただし、関数パラメーターとして指定されたセレクターが DOM 階層内のシャドウホストの祖先の位置と一致する場合にのみ機能します。言い換えれば、これにより、カスタム要素またはそのシャドウ DOM 内のあらゆるものに、外部 DOM 内の位置、または祖先要素に適用されたクラス/プロパティに基づいて、異なるスタイル...

P粉268284930 2023-09-16 15:49:33

【フロントエンド就活必読】フロントエンド開発面接一問一答_概要

フロントエンド開発インタビューの知識ポイントの概要: 1. HTML&CSS: Web 標準、ブラウザカーネルの違い、互換性、ハック、基本的な CSS スキルの理解: レイアウト、ボックスモデル、セレクターの優先順位と使用法、HTML5、CSS3、モバイル端末への適応 2. JavaScript: データ型、オブジェクト指向、継承、クロージャ、プラグイン、スコープ、クロスドメイン、プロトタイプチェーン、モジュール化、自動

天蓬老师 2017-11-13 12:02:37

jQuery または getElementById が要素を見つけられないのはなぜですか?

document.getElementById、$("#id")、またはその他の DOM メソッド/jQuery セレクターが要素を見つけられない理由として考えられるものは何ですか?問題の例としては、次のようなものがあります。 jQuery がイベントハンドラーのバインドにサイレントで失敗する jQuery の「getter」メソッド (.val()、>.html()、.text()) が未定義を返す null を返す標準 DOM メソッドが次のエラーで結果を返します: Uncaught TypeError: null プロパティ「..」を設定できません。

P粉575055974 2023-10-15 14:53:18

getElementById などの jQuery メソッドや DOM メソッドが要素を見つけられないのはなぜですか?

document.getElementById、$("#id")、またはその他の DOM メソッド/jQuery セレクターが要素を見つけられない理由として考えられるものは何ですか?問題の例は次のとおりです。 jQuery がイベントハンドラーのバインドにサイレントで失敗する jQuery の「getter」メソッド (.val()、.html()、.text()) が未定義を返す null を返す標準 DOM メソッドが次のエラーで結果を返します: Uncaught type Error:キャッチされない null プロパティ '...' を設定できません

P粉720716934 2023-10-15 15:40:06

CSS カスタムプロパティを効果的に使用するにはどうすればよいですか?

私は、アプリケーションが 10 個の Tailwind スタイルのカラーバリエーションのセットを生成するために使用する原色をユーザーが選択できるようにするカスタムテーマを使用したアプリケーションを開発しています。 JavaScript を使用して色を生成し、それらを dom に注入していますが、調査の結果、dom はコンパイルされた CSS にしかアクセスできないため、scss 変数を注入できないことがわかりました。したがって、scss 色の代わりに css カスタムプロパティを使用する必要がありました。これが珍しい使用例であり、scss が色を扱う方法ではないことはわかっていますが、問...

P粉384366923 2024-01-16 19:00:56

CSSに親セレクターはありますか?

アンカー要素の直接の親である <li> 要素を選択するにはどうすればよいですか?たとえば、私の CSS は次のようになります: li<a.active{property:value;} 明らかに、JavaScript を使用してこれを実現することは可能ですが、私は CSSLevel2 ネイティブの回避策を期待していました。スタイルを設定しようとしているメニューは CMS によって生成されているため、アクティブな要素を <li> 要素に移動できません... (メニュー作成モジュールにテーマを設定しない限り、

P粉270842688 2023-08-21 10:49:24

Flexbox 内で空のテーブル列を使用する: nowrap

Flexbox コンテナ内の空白の nowrap テキストがページからはみ出しています。 CSS レイアウトで奇妙な特殊なケースに遭遇しているようです。テーブルがあり、1 つの列に 2 つの列を持つフレックスコンテナーがあります。最初の列には選択範囲が含まれており、2 番目のテキストは 1 行に収める必要があり、長すぎる場合は省略記号で終わる必要があります (テキストは動的です)。明確にするために、私はテーブル HTML を制御できません。 HTML を追加できるのは列内のみです。フレックスボックス内のテキストのオーバーフローは一般的な問題のようですが、私の場合は通常の解決策はすべて機能しま...

P粉217784586 2024-03-28 22:08:37

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

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

P粉178132828 2023-09-05 11:18:47

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

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

P粉237125700 2023-09-05 14:46:42