前端 - 简写 CSS 转换为详细 CSS 的工具或方法？
有没有通用的工具或者方法可以把简写的css 转换成原始的css 比方说 border： 1px solid red 可以转换成 border-width： 1px； border-style： solid； border-color： red；
共有3个答案
https://github.com/johno/postcss-shorthand-expand
这个或许就是你想要的东西吧
自己用js写一个啊
function transformBorderStyle(borderStyleString){ const a = document.createElement('a') a.style.border = borderStyleString const { borderWidth,borderStyle,borderColor } = a.style; return `border-width: ${borderWidth};border-style: ${borderStyle};border-color:${borderColor};`}
- ask：
border： 1px solid red帮我转换成 详细的css
Sure, here is the detailed CSS:
{ border-width: 1px; border-style: solid; border-color: red;}github copilot 的回答
-
问题内容： 这是我的HTML： 这是我的CSS： 输出为： 我希望输出为： 有任何想法吗？ 问题答案： CSS无法做到这一点，您可以为此使用PHP或Javascript。 PHP示例： jQuery示例（现在是插件！）：
-
本文向大家介绍CSS 转换，包括了CSS 转换的使用技巧和注意事项，需要的朋友参考一下 示例
-
问题内容： 或和有什么简写吗？ 我有很多这样的CSS 我想做这样的事情 要么 问题答案： 不存在将所有这些值组合在一起的捷径。这些都是 不同的 属性，例如，它具有颜色，图像，位置和重复指令，因此 可以 合并为简写形式。 如果您确实想要这种类型的控件，则可以使用SASS之类的东西并创建一个mixin。
-
在线编辑器,有没有能实现 scss 转换成 css 的? 我有一款自己的编辑器,支持用户编写 scss 代码,但是发现问题 浏览器不识别 scss 需要编译成 css 现在的做法是 让用户先去在线网站编译完成 再拷贝过来 有没有直接能集成在项目中的 scss2css 的这种库? 补充一下 需要运行在浏览器环境的~
-
问题内容： 我正在构建加速移动页面（AMP）模板，并且想知道是否有一种简便的方法可以切换选项卡上的CSS类。 我知道类似的东西： 但这写的是内联样式-我宁愿切换自定义CSS类，但在AMP页面上找不到示例。 与绑定看起来像是要走的路，但是使用它们给您的工具来操纵状态非常困难… 问题答案： 这可以通过完成。您可以使用隐式状态变量（例如）来跟踪当前状态。这是切换两个类和的示例：
-
问题内容： 我有一个HTML（不是XHTML）文档，可以在Firefox 3和IE 7中很好地呈现。它使用相当基本的CSS对其进行样式设置，并在HTML中很好地呈现。 我现在正在寻找一种将其转换为PDF的方法。我努力了： [DOMPDF]：表格有很大的问题。我考虑了我的大型嵌套表并对其进行了帮助（在此之前，它只消耗了128M的内存然后就死了-这就是我对php.ini中的内存的限制），但是它使表完全