rrlrlrll https://blog.hatena.ne.jp/rrlrlrll/ rrlrlrll.org https://rrlrlrll.hatenadiary.jp/ CSS 意外と活用されていない兄弟セレクタの便利な使い方と注意点をご紹介します。 // Example ul>li*3 // Bad ul { li{ margin-top: 10px; border-top: 1px solid #ccc; &:first-child { margin-top: 0; border-top: none; } } } // Good ul { li+li { margin-top: 10px; border-top: 1px solid #ccc; } } よくあるborderの区切り線や、要素間のmarginなど、"liの次にliが来ているから"境界線をつけるという… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Frrlrlrll.hatenadiary.jp%2Fentry%2F2013%2F11%2F10%2F160423" title=" 兄弟セレクタのすすめとIE7での注意点 - rrlrlrll.org" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2013-11-10 16:04:23 rich https://rrlrlrll.hatenadiary.jp/entry/2013/11/10/160423 1.0 100%