css で 最後の要素以外または最初の要素以外(2番目以降)のセレクタ

● CSSで「spanタグの最後の要素以外」を指定する

span:not(:last-child) {
    margin-right: 25px;
}
span:not(:last-of-type) {
    margin-right: 25px;
}

● CSSで「spanタグの最初の要素以外(2番目以降)」を指定する

span:not(:first-of-type) {
    margin-right: 25px;
}

● last-child と last-of-type の違い

引用: https://bit.ly/3czK9TB

:first-childの定義の勘違いが主な原因です。
最初に現れる子要素、という指定は、指定したプロパティの中で最初に現れるこ要素ということではなく、全てのタグを含めた初めに現れる子要素という意味です。
どうゆうことかというと。
No.1710
02/16 10:06

edit