prisskreative
6/26/2014 - 2:07 PM

Using Combinators

Using Combinators

/* Using Combinators */

/* > child selector
(direct children down the parent)*/

.main > a {
  color:red;
}

/* Descendent selector 
(all the links inside main are going to be red)*/

.main a {
  color:red;
}


/* + Adjacent Sibling selector 
(the one that immediately follow the element)*/

H2 + p{
  color:red;
}


/* ~ General Sibling Combinator 
(target every single element p after h2 but it doesn't have to be necesary immediately after h2 )*/

H2 ~ p{
  color:red;
}