CSS セレクターの不等号の役割とは何ですか>:
この章では、CSS セレクターの不等号の役割を紹介します。以前はブラウザのサポートに問題があったため、セレクターはあまり使用されなかったかもしれませんが、時間が経ち、バージョンが更新されると、互換性が問題ではなくなったので、コード例を通してそれを実行してみましょう。簡単な紹介。
このセレクターは、指定された要素のすべての第 1 レベルの子要素と一致します。
コード例:
<!DOCTYPE html><html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>蚂蚁部落</title><style>#box{ width:200px; height: 300px;}#box > div{ width:100px; height:100px; background-color:green; margin:5px; border:1px solid red; font-size:12px; text-align:center;}</style></head><body><div id="box"> <div></div> <div> <div>蚂蚁部落</div> </div></div></body></html> 上記のコードは、box 要素の下の第 1 レベルのサブ要素のスタイルを > セレクターを通じて設定できます。
そのため、「Ant Tribe」文字列のコンテナ div は、対応するスタイル設定を取得しません。
元のアドレスは次のとおりです: http://www.softwhy.com/forum.php?mod=viewthread&tid=18185
詳細については、以下を参照してください: http://www.softwhy.com/divcss/
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
