css - 这个 CSS 有效吗？

Question

这个 CSS 代码有效吗？如果不是，它将如何影响页面的其余部分？

<style type="text/css">
    .detpage .fieldarea-row { position: static;!important;}
</style>

Answer 1

你有1个分号太多了。但不应该影响其余的。

<style type="text/css">
    .detpage .fieldarea-row { position: static !important;}
</style>

Answer 2

不，它无效。你!important只是在那里晃来晃去，因为你提前“关闭”了声明：

.detpage .fieldarea-row {
   position: static !important;
                   ^---- no ;
}

至于它会做什么。没办法说。css 只是提供了一些规则来更改匹配时的布局/外观，但是您没有提供任何内容来显示此规则将适用于什么。

Answer 3

我会这样

.detpage .fieldarea-row { position: static !important; }

并将样式放在单独的 CSS 文件中，以避免将 CSS 与 HTML 代码混合。

Answer 4

http://jigsaw.w3.org/css-validator/validator说它无效，因此整个声明无效/被忽略。

尽管整个语句将被忽略，但我不确定这是否正确（因为这与我对 CSS 错误恢复规范的理解相矛盾）。