Xhtml代码在CSS中无法正常工作，如何正确格式化以使工作正常？

Question

我只是在学习CSS，我不确定为什么事物的顺序会影响事物在我的页面上的工作方式。 顶部元素始终显示，而其他元素不工作。 有时，当我点东西时，两件事不会起作用，但通常一件事会起作用，而另外两件事却不会。 在这些元素之外，我的标题首先位于正文中。 然后我有无序列表，然后是有序列表。 我正在尝试了解这是为什么以及如何解决我的问题。 该段工作正常。

 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

如果您的元素在其他元素内，则必须在CSS上定义它，如下所示：

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