Question

我试图为我的网页创建一个CSS文件，但它不起作用。我知道它已正确链接，因为我的第一个选择器中的所有元素 - body - 都可以工作，但在此之后没有任何内容呈现。有谁知道那是为什么？

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>

Answer 1

问题是因为您使用＆＃34; ; ＆＃34;经过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; 
}

你的例子：

https://jsfiddle.net/RomanGroovyDev/w74u8kax/2/

为什么只有第一个CSS Selector工作？

1 个答案: