简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
属性セレクターを使用して CSS 内の要素を選択する
P粉143640496
P粉143640496 2023-08-21 17:08:53
0
2
491
<p>CSS では、HTML5 データ属性 (例: <code>data-role</code>) を介して要素を選択することはできますか? </p>
P粉143640496
P粉143640496

全員に返信(2)
P粉148434742
P粉1484347422023-08-22 10:02:48 2棟

最新のブラウザでは、内容に関係なく属性を選択することもできます。

次のコードを使用します:

リーリー

例: http://codepen.io/jasonm23/pen/fADnu

ほとんどのブラウザに適用できます。

これは、JQuery セレクター内で、または document.querySelector を使用して使用することもできることに注意してください。

いいねを押す +0
返信を追加
P粉543344381
P粉5433443812023-08-22 00:12:05 1棟

属性セレクター を使用する場合は、もちろん次のことができます:

リーリー

さまざまなシナリオで使用できるさまざまな属性セレクターがあり、これらについては、提供するドキュメントで詳しく説明されています。カスタム データ属性は「HTML5 の新機能」ですが、

  • ブラウザは通常、非標準属性を問題なくサポートするため、属性セレクターを使用してフィルタリングできるはずです。また、

  • CSS の検証についても心配する必要はありません。CSS はセレクター構文を壊さない限り、名前空間以外の属性名を気にしないからです。

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