How to write nested selector in css

I want to achieve this:

/* Give the 2nd <p> inside the 3rd <div> a 5px white border*/
div:nth-of-type(3) {
    p:nth-of-type(2){
        border: 5px solid white;
    }
}

Unfortunately, It does not work :(