如何重命名 CSS 规则？

Posted 2023-03-06

【中文标题】如何重命名 CSS 规则？

【英文标题】：How do you rename CSS rules?

【发布时间】：2011-03-09 18:18:48

【问题描述】：

如果您有一个非常好的 CSS 模板，并且您想将它与 wordpress 主题一起使用，但又不想编辑所有主题文件以使用 CSS 模板中的规则，该怎么办？有没有办法创建一个 CSS 文件作为新 CSS 模板和旧 WP 主题之间的代理？

【参考方案1】：

好问题！恐怕我认为没有本地方法。必须有这样的语法

propertyname: inherit-from(.classname);     // Fictitious example! Does not work

这在 CSS 中并不存在。

不过，也可以使用像 LeSS 这样的 CSS 预编译器来完成。 LeSS 的“混合”功能看起来可以完全满足您的需求。从他们的首页：

.rounded_corners (@radius: 5px)  
  -moz-border-radius: @radius;
  -webkit-border-radius: @radius;
  border-radius: @radius;


#header   
  .rounded_corners;  

rounded_corners 是您的原始类定义，#header 是 WordPress 等价物。

【参考方案2】：

儿童主题！ - themeshaper.com/functions-php-wordpress-child-themes

【讨论】：

说真的。如果您已经在 html/css 中拥有样式表和基本布局，那么您应该只使用子主题。它更容易，由 WordPress 原生支持，并且不涉及虚假的黑客和变通方法。