In this post we’re going to look at CSS combinators. Aside from having one of the best names of all CSS they are a great way to learn how to create rules for targeting specific elements that are nested within others. To start with lets look at how we would reference an element that is simply inside another. In our first example we’re going to put a paragraph inside a div. <div class=”container”> <p>There once was a kelpie.</p> <div class=”inner”> <p>The kelpie was blue.</p> <p>The kelpie loved to play ball.</p> </div> <p>The kelpie jumped the fence.</p> <p>The kelpie got the ball.<p> </div> If we want the text in all paragraphs to appear in blue text we simply put a p selector after a div selector separated by a space. The space references all p tags that are descendants of the container div. There once was a kelpie. The kelpie was blue.