スマホとPC(タブレット)でカラムを変えたい時に、
:nth-child()
を使った打消し時に嵌った点をメモします。
例:自動でn列の時に最後のサイドmarginを削ってくれるシステム
style.sass
li
&:not(:nth-child(2n))
margin-right: 10px
@media only screen and (min-width:640px)
&:not(:nth-child(3n))
margin-right: 10px
上記の様に書いたら全然打消ししない。
もしかしなくても:not(:nth-child(2n))
と:not(:nth-child(3n))
は別のセレクタ扱い???🤔
style.sass
li
&:not(:nth-child(2n))
margin-right: 10px
@media only screen and (min-width:640px)
&:not(:nth-child(2n))
margin-right: auto
&:not(:nth-child(3n))
margin-right: 10px
上手くいきました🤣🤣🤣