input { border: 0; &:focus { border-color: blue !important; } }为什么没有效果

这段代码应该是用 Sass 或者 Less 等 CSS 预处理器写的，它需要编译成普通的 CSS 才能在浏览器中生效。如果你已经将它编译成了普通的 CSS 文件并引用到了网页中，那么可能是因为其他 CSS 样式覆盖了这个样式，你可以通过浏览器的开发者工具查看该元素应用的所有 CSS 样式来确认。另外，你也可以尝试将 `!important` 去掉，改为提高这段 CSS 的优先级来实现样式的修改。