Проблема с псевдокласами

[Romario1985]

Добрый день. Возникла проблема следующего рода. При верстке все псевдоклассы работают не корректно. Например задаю всем элементам margin-bottom:30px, соответственно у последнего я его пытаюсь почистить ипользуя last-child и задавая margin-bottom: 0. Но проблема в том что после этого все остальные элементы которым обьявил нижний отступ тоже обнуляются. С first-child та же самая проблема.  В чем может быть проблема? Первый раз работаю с bootstrap может ли он повлиять на работу псевдоклассов?

[klierik]

Не будет и не должно, потому как первым в списке дочерних элементов у родителя "team-descr" — это H3.

<div class="team-descr">
  <h3>Bradley Hunter</h3> <!-- это :first-child -->
  <p class="name">Based in Chicago. I love playing tennis and loud music</p>
  <p class="name">Based in Chicago. I love playing tennis and loud music</p>
  <p class="name">Based in Chicago. I love playing tennis and loud music</p>
  <p class="name">Based in Chicago. I love playing tennis and loud music</p>
  <p class="name">Based in Chicago. I love playing tennis and loud music</p>
  <p class="name">Based in Chicago. I love playing tennis and loud music</p>
  <p class="name">Based in Chicago. I love playing tennis and loud music</p>
  <p class="name">Based in Chicago. I love playing tennis and loud music</p>
  <p class="name">Based in Chicago. I love playing tennis and loud music</p>
  <p class="name">Based in Chicago. I love playing tennis and loud music</p> <!-- это :last-child -->
</div>

Под

:first-child/:last-child

подразумевается не вхождение выбранного Вами селектора, а первая нода, тег, которые одет по списку.

В ваше случае псевдо-элементы будут работать только в том случае, если в контейнере первым и последним будут ".name"

<div class="team-descr">
  <p class="name">Based in Chicago. I love playing tennis and loud music</p> <!-- :first-cild -->
  <p class="name">Based in Chicago. I love playing tennis and loud music</p>
  <p class="name">Based in Chicago. I love playing tennis and loud music</p> <!-- :last-child -->
</div>

 

[klierik]

Здравствуйте.

Выложите пример на https://jsfiddle.net

[Romario1985]

https://codepen.io/cheeroque/pen/JjEZyEL 

Если вместо last:child поставить first:child то свойства работать не будут 

[Romario1985]

Понял, спасибо большое. Я просто думал, что если выбран класс, то и применяяется только к конкретному классу, а оказывается не правильно думал. Еще раз спасибо