擬似クラス指定

擬似クラスで特定の兄弟に別の指定をする。

以下はmarginを2、4、5番目のliに対して消したかった。
子要素の(even)=偶数
last-child=最後の子(5)

.p-please__list:nth-child(even),:last-child {
        margin-right: 0;
    }
:nth-child() - CSS: カスケーディングスタイルシート | MDN
:nth-child() は CSS の擬似クラスで、兄弟要素のグループの中での位置に基づいて選択します。つまり :nth-child() セレクターは、親要素内のすべての兄弟要素同士の位置に従って子要素を選択します。

擬似クラスでSVGを使用する際

CSS疑似要素にSVGを指定する方法 | mktia's note

コメント

タイトルとURLをコピーしました