Le code XHTML n'est pas en état de fonctionner en CSS, comment formater correctement pour faire fonctionner les choses?

Question

Je suis en train d'apprendre le CSS et je ne sais pas pourquoi l'ordre des choses affecte la façon dont les choses fonctionnent sur ma page. L'élément supérieur apparaît toujours alors que les autres ne fonctionnent pas. Parfois, lorsque je commande des choses, deux choses vont fonctionner, mais on ne fonctionnera pas. J'ai l'en-tête d'abord dans le corps, hors de ces éléments. Ensuite, j'ai la liste non ordonnée, suivie de la liste ordonnée. J'essaie d'apprendre pourquoi c'est et ce que je peux faire pour résoudre mon problème. Le paragraphe fonctionne bien cependant.

ul {font-weight: bold;} 
 

 
h1 {color: #c6c009;} 
 

 
ol {font-style: italic;} 
 

 
p {color: blue; font-family: courier; line-height: 130%;}

<p><img src="picture.jpg" height="200" /></p> 
 

 
<h1> header </h1> 
 
<p>paragraph.<br /> other part.</p> 
 
<hr /> 
 
<h2> second header</h2> 
 
<ul> 
 
    <li>nyc</li> 
 
    <li>boston</li> 
 
    <li>philly</li> 
 
    <li>baltimore</li> 
 
</ul> 
 

 
<ol> 
 
    <li>nyc</li> 
 
    <li>boston</li> 
 
    <li>philly</li> 
 
    <li>baltimore</li> 
 
</ol>

Answer 1

si votre élément sont à l'intérieur d'autres, vous devez définir sur votre css comme ceci:

ul > h1 > ol > p { 
    /*some properties for paragraph in the ol with the h1 in the ul*/ 
}