XHTML代码不是在CSS中的工作顺序，如何正确地格式化让事情工作？

我刚刚学习CSS，我不确定为什么排序的事情会影响我的网页上的工作方式。最上面的元素总是显示出来，而其他元素不工作。有时当我点东西的时候，有两件事情不会奏效，但通常一个会工作，另外两个不会。在这些元素中，我首先在头部标题。然后我得到无序列表，然后是有序列表。我试图了解这是为什么，以及我能做些什么来解决我的问题。该段虽然工作正常。XHTML代码不是在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>

来源

2017-05-25 Def Jammer Bammer

你能告诉我们你的HTML呢？ – Adam

我发布了我的html代码的主体，我不确定它是一个css还是我错过的逻辑。再次，我是CSS的初学者，仍在学习。我试图了解CSS，因为我试图找出这种不幸。 –

我从你的代码中创建了一个片段，但它工作正常。所以一定还有其他事情正在进行，你还没有显示出来。 –

，如果你的元素是其他的里面，你必须把它定义在你的CSS是这样的：

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

来源

2017-05-25 21:11:38

嘿，我把身体添加到代码中，我不相信我把任何元素放在对方内。当我订购CSS代码时，有些东西会起作用，而其他东西不会起作用 –

您的陈述“您必须像这样在您的css中定义它”不是事实。即使OP将嵌套列表与段落内，他们仍然可以用相同的方式编写他们的CSS。 –

XHTML代码不是在CSS中的工作顺序，如何正确地格式化让事情工作？

回答

相关问题