IE8 :nth-child および :before: 修正
Internet Explorer 8 は、最新の Web 標準と矛盾していることで有名です。開発者が直面する一般的な問題は、CSS の n 番目の子セレクターがサポートされていないことです。
問題
次の CSS コードを考えてみましょう:
#nav-primary ul li:nth-child(1) a:after { }
このコードはほとんどの最新ブラウザでは問題なく機能しますが、Internet Explorer では不思議なことに失敗します。 8.
解決策
IE8 によってもたらされる課題にもかかわらず、:nth-child 機能をシミュレートする回避策があります。隣接兄弟コンビネータ ( ) を活用することで、シーケンス内の特定の要素をターゲットにすることができます。
#nav-primary ul li:first-child a { border-top: 5px solid red; } #nav-primary ul li:first-child + li a { border-top: 5px solid blue; } #nav-primary ul li:first-child + li + li a { border-top: 5px solid green; }
このアプローチを使用すると、:nth-child の基本的なバリエーションをエミュレートできます。ただし、:nth-child(odd) や :nth-child(4n 3) などのより複雑なバリエーションは、この方法では複製できません。
注: この回避策では、シーケンス内の特定の要素にスタイルを適用すると、:nth-child の動作が完全に複製されない可能性があり、より複雑なシナリオで意図しない結果が生じる可能性があります。
以上がInternet Explorer 8 で :nth-child を使用する方法: 回避策の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

React Ecosystemは、すべてがドラッグアンドドロップの相互作用に焦点を合わせている多くのライブラリを提供します。 React-Dnd、React-Beautiful-Dnd、

バックグラウンドクリップをすべて頻繁に使用すると言うことができます。私は、日々のCSS作業ではほとんど使用されていない' dを賭けています。しかし、私はステファン・ジュディスの投稿でそれを思い出しました、

RequestAnimationFrameでアニメーション化するのは簡単なはずですが、Reactのドキュメントを徹底的に読んでいない場合は、おそらくいくつかのことに遭遇するでしょう

おそらく、それをユーザーに提供する最も簡単な方法は、要素上のIDをターゲットにするリンクです。だから...

聞いてください、私はGraphQLの専門家ではありませんが、私はそれで働くことを楽しんでいます。フロントエンド開発者としてデータを公開する方法はかなりクールです。メニューのようなものです

今週のラウンドアップ、タイポグラフィを検査するための便利なブックマークレットである。

私は最近、Codepenの興味深い変化に気づきました。ホームページにペンをホバリングすると、丸い角が背面に拡大する長方形があります。


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

MinGW - Minimalist GNU for Windows
このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポート ライブラリとヘッダー ファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。

メモ帳++7.3.1
使いやすく無料のコードエディター

WebStorm Mac版
便利なJavaScript開発ツール

Dreamweaver Mac版
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)
