エミュレーション>

ご存じのように、一部のブラウザーはCSSの「>」ルールをサポートしていません。これは、リストのリストを作成するとき、リストの最初のレベルにインデントがなく、2番目以降のリストにあるときに非常に必要な場合があります。 今日、私はあなたの裁判所に提出したいという決定を下しました:



 <style type="text/css"> .wrapper ul li {color: red; margin-left: 0;} .wrapper * ul li {color: green; margin-left: 20px;} </style> <div class="wrapper"> <ul> <li>red <ul> <li>green</li> <li>green</li> <li>green <ul> <li>also green</li> </ul> </li> </ul> </li> </ul> </div>
      
      





この場合の最初のルールは、必要に応じて.wrapper > ul > li



に類似しています。



これは本格的な「>」エミュレーションではないことを理解する必要があります。CSSルールから.wrapper



を削除すると、結果は同じになり、誤解を招く可能性があるためです。



正直に言って、私が車輪を発明したかどうかはわかりません。なぜなら今、私は探しているので、このすべてがどういうわけか単純すぎることがわかったからです。



upd: 「すべてがすでに私たちの前に盗まれている」と強く示唆した: meyerweb.com/eric/thoughts/2005/05/31/universal-child-replacement



All Articles