html - Targetting specific nested UL list with css -

i'm trying target list of capabilities. in css have:

.skills .about {     width: 490px;     text-align: justify;     line-height: 20px;     /*letter-spacing: 0px;*/  }         .skills .about ul li {         display: none;     }  

i don't know how target specific ul list. need change line-height of list match line-height of .skills .about class. how this?

<div id="about">     <div class="abouttext">         <h1>who's sam jarvis?</h1>         <div class="skills">             <span class="h2span"><h2>bio</h2></span>             <p class="about">                 i’m freelance designer working out of holland landing, ontario. on last 3 years i’ve spent time graphic design student @ seneca@york honing skills , creating many of works in portfolio. creative field strive , though paid design dabble in photography, illustration, playing guitar , <strong>wheeled foot maneuvers</strong>.             </p>             <h2>education</h2>             <p class="about">                 advanced diploma in graphic design                 seneca college of applied arts , technology             </p>             <h2>capabilities</h2>             <p class="about">                 <ul>                     <li>branding & art direction</li>                     <li>interface design</li>                     <li>adobe creative suite</li>                     <li>web standards & accessibility</li>                 </ul>             </p>         </div>     </div> </div> 

according html standard, p element implicitly closed before "block level" element, including ul. markup equivalent to

    <h2>capabilities</h2>     <p class="about">     </p><ul>          <li>branding & art direction</li>          <li>interface design</li>          <li>adobe creative suite</li>          <li>web standards & accessibility</li>     </ul>     <p></p> 

and ul immediate sibling of p.about:

.about + ul { ... } 

but wouldn't easier set .about class ul itself?