scss 20180320ふくろうセレクタ

Posted 2021-05-17

//「* + *」がフクロウの顔のように見えるのが、その由来です。
//このセレクタの使い方は、同じ種類の複数の要素がある場合（リストやナビゲーションのアイテムなど）に便利です。

* + * {
 margin-top: 1rem;
}

//「li + li」を使用すると、最後のマージンを取り除く必要はありません。
li + li {
 margin-top: 1rem;
}