CSS Master

Figure 1.2. The effect of a descendant combinator

Let’saddsomemoreCSS,thistimetoincreasethesizeofourpricingmessage

(“Ticketsare$10each”):

01-selectors/descendent-combinator.html (excerpt)

form p {

font-size: 22px;

}

There’saproblemwiththisselector,however,asyoucanseeinFigure1.3.We’ve

actuallyincreasedthesizeofthetextinallofourform’sparagraphs,whichisn’t

whatwewant.Howcanwefixthis?Let’strythechildcombinator.

6 CSS Master