Html 为什么它只是第一个CSS选择器工作?

Html 为什么它只是第一个CSS选择器工作?,html,css,Html,Css,我正在尝试为我的网页创建一个CSS文件,但它不起作用。我知道它链接正确,因为我的第一个选择器中的所有元素-正文-都起作用,但之后什么都不会呈现。有人知道为什么吗 CSS body { font-family: "Segoe UI"; width: 400px; font-size: 16px; }; body #changeInfo { color: blue; font-style: bold; }; body #changeInfo

我正在尝试为我的网页创建一个CSS文件,但它不起作用。我知道它链接正确,因为我的第一个选择器中的所有元素-
正文
-都起作用,但之后什么都不会呈现。有人知道为什么吗

CSS

body { 
    font-family: "Segoe UI"; 
    width: 400px; 
    font-size: 16px; 
}; 

body #changeInfo {
    color: blue; 
    font-style: bold; 
}; 

body #changeInfo:hover {
    font-style: italic;
}; 

body #footer {
    font-size: 10px; 
}; 
HTML

<body>
    Welcome!
    <div id="changeInfo"> Enter different words here!</div> 
    <br>
    <div id="warning">Warning!<br></div> 
    <div id="footer">Footnote<br></div> 
</body>

欢迎
在这里输入不同的单词!

警告
脚注

问题是因为在css规则之后使用“”。一定是这样的:

body { 
  font-family: "Segoe UI"; 
  width: 400px; 
  font-size: 16px; 
}

#changeInfo {
color: blue; 
font-style: bold; 
}

#changeInfo:hover {
 font-style: italic;
}

#footer {
  font-size: 10px; 
} 
你的例子是:


为什么要在这些选择器中包含body?试图找出问题所在。无论是否先使用
主体
,它都不起作用。谢谢!现在可以了。