div {
    border: 2px solid red;
    margin: 10px;
    padding: 10px;
}

a {
    color: red;
    font-size: x-large;
}

/* outside the box */ 
p:nth-of-type(1) { color: green;

}

.zoinks { color: cyan;
}
/* first box /*/
#narf p:nth-of-type(1) { color: blue;
}
#narf p:nth-of-type(2) { color: blueviolet;
}
#narf p:nth-of-type(3) { color: cadetblue;
}
#narf p:nth-of-type(4) { color: green;
}

/* the p that is the child of the inner div (inside #egads > div) -> green */
#egads > div > p {
  color: green;
}

/* second box */
div p:nth-of-type(odd) {color: orange;
} 
div p:nth-of-type(even) {color: green;
}

/* last letter */
#egads > p:last-of-type {
  color: cyan;
}