group

btn, input, card, list

2025-04-19

Written by: tdtc

• Examples are from Bootstrap v4.6.2

Number of occurrences: 33-36

first-child

.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

• tw

*:first:border-t-1
*:first:rounded-tl-xs
*:first:rounded-tr-xs

last-child

.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

• tw

*:last:border-t-1
*:last:rounded-tr-xs
*:last:rounded-tl-xs

Ref

• first child - mdn
• last child - mdn
• Pseudo-classes