Selecting a nested element with :nth-child

Question

I\'m having problems targeting nested elements with the :nth-child() selector. How can I target the second and third .service?

Answer 1

If you want to target anything other than the first element, use :not, like so:

div {
  display: inline-block;
  background: black;
  color: white;
  height: 100px;
  width: 100px;
  float: left;
  text-align:center;
  line-height:100px;
}
div:not(:first-child) {
  border-left: 2px solid red;
}

  
One
  
Two
  
Three