字体大小为白色，如下图所示。我假设过渡属性不选择字体大小，因为它不承认它在VScode作为一个可选择的属性。在在线编辑器上使用transition-property: font-size;规则工作，所以我想知道是这个VScode错误，或者我写错了什么。我非常希望有人向我解释一下，如果是这样的话，我做错了什么。谢谢你！
(css代码)[1]
[1]: https://i.stack.imgur.com/ftFG4.png *强大的文本*
Html代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="index.css">
</head>
<body>
<h1 class="heading">animacija</h1>
</body>
</html>
- 你的VS代码中的
font-size看起来是白色的，因为你的VS代码主题是不同的。 transition属性不工作，如果你正在运行它在mozilla firefox或任何其他浏览器除了chrome。在这种情况下，你需要在css中指定它，如下所示:
body .heading {
font-size: 20px;
color: aqua;
-webkit-transition: font-size 2s;
-moz-transition: font-size 2s;
-o-transition: font-size 2s;
transition: font-size 2s;
}
.heading:hover {
font-size: 40px;
color: green;
}<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="index.css">
</head>
<body>
<h1 class="heading">animacija</h1>
</body>
</html>