Cascading Style Sheet Pseudo Selectors

Giriş
Pseudo Selector CSS ile gelen Pseudo Class'ların bir alt çeşidi. Açıklaması şöyle.

A pseudo-class is a keyword that can be added to a selector to indicate the specific state in which the element must be to be targeted by the declaration. The pseudo-class :hover, for example, will apply a specific formatting when the user hovers over the element targeted by the selector (change the color of a button for example).

Açıklaması şöyle.

Pseudo-classes let you apply a style to an element not only in relation to the content of the document tree, but also in relation to external factors like the history of the navigator (:visited, for example), the status of its content (like :checked on certain form elements), or the position of the mouse (like :hover, which lets you know if the mouse is over an element or not).

.sınıfismi:selector şeklinde kullanılır.

last-child
Şöyle yaparız.

.qa:last-child {
  border-bottom: none;
}

nth-child
Şöyle yaparız.

p:nth-child(2) { /* second p */
  border-top: 1px solid black;
  padding-top:10px;
}

nth-last-child

Şöyle yaparız.

.qa:nth-last-child(2) {
    border-bottom: none;
}

Diğer
Pseudo Selector yerine bir başka CSS sınıfını kullanmak daha kolay olabilir.
Örnek
Elimizde şöyle bir kod olsun.

.no-border {
  border-bottom: none;
}

En son div'e erişlmek için last-child()'ı kullanmak yerine şöyle yaparız.

<div class="qa no-border" style="width:50%;">
  <div>Question</div>
  <div>Answer</div>
</div>