css - 在 webstorm 中更新多个供应商前缀样式

Question

在 Webstorm 10 中，您可以使用内置的 emmet 插入所有供应商前缀样式。例如，您输入 -border-radius 后跟 TAB 键，它会自动为您创建供应商特定的样式。然后你可以输入例如。 10px 并将样式应用于所有供应商前缀。

我的问题是，如果我想在以后更新样式，有没有办法只更新一个地方并将其应用到其余地方？

希望这是有道理的。

谢谢。

Answer 1

@Nico 是对的 - Less 和 SASS 等 CSS 预处理器非常适合这类事情 - 它们可以帮助您不必重复自己。

如果您坚持使用 CSS，WebStorm 具有多行编辑，因此一种方法是按住 Alt 键并在之前单击每个 10px 值。您将在单击的每个点处生成一个新光标，然后您可以改写新值，它会更改所有这些值。

我很欣赏这不像您首先创建多个供应商前缀行那样巧妙。您可能会发现重新创建整个 block 会更快。