前端 - 简写 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页面上找不到示例。 与绑定看起来像是要走的路，但是使用它们给您的工具来操纵状态非常困难… 问题答案： 这可以通过完成。您可以使用隐式状态变量（例如）来跟踪当前状态。这是切换两个类和的示例：
-
主要内容：1. translate3d(),2. translateZ(),3. rotate3d(),4. scale3d(),5. matrix3d()在 CSS 中，除了可以对页面中的元素进行 2D 转换外，您也可以对象元素进行 3D转换（将页面看作是一个三维空间来对页面中的元素进行移动、旋转、缩放和倾斜等操作）。与 2D 转换相同，3D 转换同样不会影响周围的元素，而且可以与其它元素重叠。但是，变换后的元素任然会占用其默认位置（未变换前）的空间。 3D 转换同样需要使用 transfor