Visual Studio Code 无法识别 CSS 命令 [关闭]答案

【问题标题】：Visual Studio Code Not Recognizing CSS Command [closed]Visual Studio Code 无法识别 CSS 命令 [关闭]
【发布时间】：2020-06-29 04:22:40
【问题描述】：

我正在尝试使用 CSS 更改图像的不透明度。但是，Visual Studio 无法识别命令而将其忽略。文件中的其他 CSS 代码按预期工作。

这是 CSS 代码（图片：https://i.stack.imgur.com/aGuHK.png）

.footer > .logo-footer img{
    width: 180px;
    height: 100%
    opacity: 0.5;
}

在视觉工作室中，线条不透明度：0.5；不透明度这个词没有像“宽度”和“高度”这样突出显示。宽度和高度线正常工作。不透明度不会并且被忽略。这是我的代码的问题还是 Visual Studio 的故障？我该如何解决？

【问题讨论】：

您在高度后缺少分号 (;)。每个 css 属性都必须有一个分号。
将鼠标悬停在下一行的红色波浪状错误通知上 - 它告诉您缺少分号。

标签： css visual-studio-code

【解决方案1】：

您在身高后遗漏了一个分号。请放一个分号，看看是否有效。

.footer > .logo-footer img{
    width: 180px;
    height: 100%;
    opacity: 0.5;
}

【讨论】：

【解决方案2】：

height: 100% 后面缺少一个分号 ;。

改变

.footer > .logo-footer img{
    width: 180px;
    height: 100%
    opacity: 0.5;
}

到

 .footer > .logo-footer img{
        width: 180px;
        height: 100%;
        opacity: 0.5;
    }

【讨论】：

【解决方案3】：

你好像少了一个分号；

.footer > .logo-footer img{
    width: 180px;
    height: 100%; /* Missing semicolon here */
    opacity: 0.5;
}

【讨论】：

【解决方案4】：

试试这个..

.footer .logo-footer img{
    width: 180px;
    height: 100%;
    opacity: 0.5;
}

<div class="footer">
   <div class="logo-footer">
     <img 
       src="https://static.scientificamerican.com/sciam/cache/file/4E0744CD- 
       793A-4EF8-B550B54F7F2C4406_source.jpg?w=590&h=800&ACB6A419-81EB-4B9C- 
       B846FD8EBFB16FBE">
   </div>
</div>

【讨论】：