CSS transition-属性没有 select font-size inside VScode

Question

字体为白色，如下图所示。我假设转换属性没有 select 字体大小，因为它在 VScode 内部无法将其识别为 selectable 属性。在在线编辑器上， transition-属性: font-size;规则有效，所以我想知道这是 VScode 错误，还是我写错了什么。如果是这样的话，我非常希望有人向我解释我做错了什么。谢谢！

[css代码][1]

[1]: https://i.stack.imgur.com/ftFG4.png*strong 文本*

Html代码：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="index.css">
</head>
<body>
    <h1 class="heading">animacija</h1>
</body>
</html>

Answer 1

你的 VS code 中的 font-size 看起来是白色的，因为你的 VS code 主题不同。
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>

CSS transition-属性没有 select font-size inside VScode

CSS transition-property does not select font-size inside VScode

html

css

visual-studio-code

CSS transition-属性 没有 select font-size inside VScode

CSS transition-property does not select font-size inside VScode

html

css

visual-studio-code

CSS transition-属性没有 select font-size inside VScode