Descendant selectors apply styles based on ancestral relationships. <span> element named code, which is a descendant of <p> elements. To do this, the selector p span.code is used.

The note text is given different styles. To do this another descendant selector is used. This time the selector is p.note span.code