<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