Html CSS美化器替代方案

由于有一个长的

css

文件，我决定将其组织起来并重新格式化。由于有一些工具可以做到这一点，我决定用真实的代码进行测试，但不幸的是，我遇到了无法使用的结果

我的代码包含几个部分，如以下示例：

@-webkit-keyframes flash {
  0%, 50%, 100% {opacity: 1;}  
  25%, 75% {opacity: 0;}
}

这些部分是我的问题，因为

CSS美化器

完全破坏了它们

可以使用哪些替代方法来重新格式化css文件？我的意思是正确的。

在中尝试TidyUp选项 它产生以下结果：

@-webkit-keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}

在中尝试TidyUp选项 它产生以下结果：

@-webkit-keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}

• 在JSFiddle中使用TidyUp操作
• 如果使用Dreamweaver
  • 转到“命令”菜单
    • 应用源格式化

这将格式化您完整的CSS文件

• 在JSFiddle中使用TidyUp操作
• 如果使用Dreamweaver
  • 转到“命令”菜单
    • 应用源格式化

这将格式化您完整的CSS文件

您可以尝试（在线工具）-处理后的结果：

menu { color: red }
navigation { background-color: #333 /* darkgrey */ }
@-webkit-keyframes flash { 
    0%,
    50%,
    100% { opacity: 1 }
    25%,
    75% { opacity: 0 }
}

menu {
    color: red;
}

navigation {
    background-color: #333 /* darkgrey */;
}

@-webkit-keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    };
}

或处理后的结果：

menu { color: red }
navigation { background-color: #333 /* darkgrey */ }
@-webkit-keyframes flash { 
    0%,
    50%,
    100% { opacity: 1 }
    25%,
    75% { opacity: 0 }
}

menu {
    color: red;
}

navigation {
    background-color: #333 /* darkgrey */;
}

@-webkit-keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    };
}

原始代码在哪里

menu{color:red} navigation{background-color:#333 /* darkgrey */}
@-webkit-keyframes flash {
0%, 50%, 100% {opacity: 1;}  
25%, 75% {opacity: 0;}
}

您可以尝试（在线工具）-处理后的结果：

menu { color: red }
navigation { background-color: #333 /* darkgrey */ }
@-webkit-keyframes flash { 
    0%,
    50%,
    100% { opacity: 1 }
    25%,
    75% { opacity: 0 }
}

menu {
    color: red;
}

navigation {
    background-color: #333 /* darkgrey */;
}

@-webkit-keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    };
}

或处理后的结果：

menu { color: red }
navigation { background-color: #333 /* darkgrey */ }
@-webkit-keyframes flash { 
    0%,
    50%,
    100% { opacity: 1 }
    25%,
    75% { opacity: 0 }
}

menu {
    color: red;
}

navigation {
    background-color: #333 /* darkgrey */;
}

@-webkit-keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    };
}

原始代码在哪里

menu{color:red} navigation{background-color:#333 /* darkgrey */}
@-webkit-keyframes flash {
0%, 50%, 100% {opacity: 1;}  
25%, 75% {opacity: 0;}
}

---

@cimmanon，我没有看到这个问题的“离题性”。是因为它可能会征求意见吗？如果问题是“什么是最好的CSS美化器”，我会理解，但这是一些意外行为的一个明显例子Ωmega正在寻找替代方案。

可以使用哪些替代方案来重新格式化css文件？

这似乎不是一个

离题的问题，因为
OP
试图做一些事情，但失败了，没有要求工具，而是要求替代解决方案来解决问题。不是因为他没有提到/要求任何工具，而是他在这里有一个真正的问题，这并不意味着我们在这里回答的所有问题都应该给出工具的名称，也可能是任何其他解决方案。@cimmanon，我没有看到这个问题的“离题性”。是因为它可能会征求意见吗？如果问题是“什么是最好的CSS美化器”，我会理解，但这是一些意外行为的一个明显例子Ωmega正在寻找替代方案。
可以使用哪些替代方案来重新格式化css文件？
这似乎不是一个
离题的问题，因为
OP
试图做一些事情，但失败了，没有要求工具，而是要求替代解决方案来解决问题。并不是因为他没有提到/要求任何工具，而是他在这里有一个真正的问题，这并不意味着我们在这里回答的所有问题都应该给出工具的名称，也可能是任何替代解决方案。