Как использовать: not () в попутном ветре. css? - PullRequest
Новая
       39

Как использовать: not () в попутном ветре. css?

0 голосов
/ 27 апреля 2020

Я недавно начал давать попутному ветру. css попробовать в моем проекте Nuxt. поэтому мне нужно было использовать :not(:last-child) псевдоэлементы, но я не нашел, как. 

  <ul>
    <li
      v-for="(item, index) in items"
      :key="`item-${index}`"
      class="border-solid border-b border-black"
    >
      Item
    </li>
  </ul>

Я хочу добавить нижнюю границу ко всем <li>, кроме последнего.

Я знаю, что у Tailwind есть первый & последний вариант псевдокласса, но я не могу использовать их с :not()

1 Ответ

1 голос
/ 29 апреля 2020

Ответ находится в ссылке на last в документах , которыми вы поделились.

Просто добавьте last:border-b-0 ко всем элементам списка, и он удалит border-bottom если это last-child. 

<ul>
  <li
    v-for="(item, index) in items"
    :key="`item-${index}`"
    class="border-solid border-b border-black last:border-b-0"
  >
    Item
  </li>
</ul>
...