html - 在 PhpStorm 中取消 CSS

Question

我在 PhpStorm 2016.3.2 中工作。在我的 HTML 文件中有时会发现 <style>标签和缩小的 CSS。

是否可以创建一个快捷方式来取消此标签内的代码？

例如，这段代码:

<style>.arrow{fill:none;stroke:#231f20;stroke-linecap:round;stroke-miterlimit:10;stroke-width:20px;}</style>

应该是这样的:

<style>
.cls-1 {
   fill: none;
   stroke: #231f20;
   stroke-linecap: round;
   stroke-miterlimit: 10;
   stroke-width: 20px;
}
</style>

Answer 1

要重新格式化目录的代码，请按照以下步骤操作:

1. 在“元素”工具窗口中，选择要应用重新格式化的模块或目录。
2. 从主菜单中选择代码 |重新格式化代码或按 Ctrl+Alt+L。 或者，在“元素”工具窗口中，右键单击目录，然后从上下文菜单中选择“重新格式化代码”。
3. 在“重新格式化代码”对话框中，指定重新格式化所需的选项和过滤器，然后单击“运行”。

要重新格式化当前文件的代码，请按照下列步骤操作:

1. 在当前打开文件的编辑器中，按 Ctrl+Shift+Alt+L。

2. 在“重新格式化文件”对话框中，指定重新格式化的选项并单击“运行”。