複雑なデザイン要件を満たしながら、兄弟セレクターが CSS を読みやすい状態に保つ方法。これは、単純に始まり、徐々に複雑になっていく Web フロントエンド開発プロセスの例の 1 つです (記事内のすべての要素に垂直方向のマージンを適用するなど)。複雑なマークダウンからコンパイルされたブログ投稿として。ほとんどの場合、多くの例外と相関関係に対処する必要があります。たとえば、タイトルと画像には通常、その上下にさらに多くの空白が必要ですが、2 つの画像が隣り合っている場合、2 つの画像間の空白が必要になります。変化が少なくなります。 h2 タグと h3 タグ間の直接距離は、2 つの h2 タグ間の距離よりも小さくなります。元の作成者が数年前に初めてフロントエンドを始めたとき、これらすべての例外と依存関係により、常に複雑なコード、視覚的な矛盾、予期しない動作が発生しました。 margin-topが機能しない理由を何度もグーグルで調べました。最初のステップ: 単純な HTML は次のとおりです。

F

5.
XML の解析と追加、削除、変更、チェックの操作 2
はじめに: ノード操作インターフェイス INodeAction を作成し、コードを直接貼り付けました: getPreviousSiblingメソッドは前の隣接ノードを取得すること、 getNextSibling は次の隣接ノードを取得することです。 getBifen メソッドは主にドキュメント化を目的としています。ルートノードの場合、printSpace メソッドはノードの優先順位に基づいて、ドキュメントの作成時に標準化されます。

7. DOM スクリプトプログラミング _javascript ヒントの兄弟ノード

はじめに: 兄弟ノードは、previousSibling 属性と nextSibling 属性を通じて同じレベルの異なる子ノードにアクセスできます。この兄弟ノードは要素ですか、それともテキストノードですか? 最新のブラウザではどのように実行されますか?

8. jQueryの兄弟のeffect_javascriptスキルを模倣するJSコード

はじめに: DOM要素の兄弟ノードを取得し、jQueryの兄弟メソッドを模倣し、ネイティブJSコードを使用して完成させます

9。 JavaScript nextSibling と getNextElement(node) の使い方入門_基礎知識
はじめに: javascript nextSibling と getNextElement(node) の使い方入門、jsを学ぶ友達は参考にしてください。
10.
jsのnextSibling属性とpreviousSibling属性の概要と使い方メモ_基礎知識
はじめに: nextSibling 属性: この属性は現在のノードの次のノードを表します。その後に同じレベルにノードがない場合は null が返されます。この属性は nextSibling 属性とは逆の効果を持ちます。次に詳しく紹介しますので、ご興味があれば、ぜひ学習してみてください。役立つかもしれません

[関連する Q&A の推奨事項]:

python - で nextSibling メソッドを使用するときに発生する問題beautifulsoup3.2.1

javascript - npmのインストール結果には

javascriptが表示されます - このホバーを実装するにはどうすればよいですか?

javascript - js の nextSibling 属性が親要素を取得するのはなぜですか?

jQueryのsiblings()効果、javascriptで実装する方法
以上が兄弟について詳しく紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。