WooCommerce中最新的命名约定是什么？

时间：2018-12-17 作者：cloudinstone

我正在创建一个Woocommerce主题，Woocommerce中的类名命名让我感到困惑。例如：

<div class="woocommerce-message woocommerce-message--info woocommerce-Message woocommerce-Message--info woocommerce-info">

我知道后退是必要的，但我想知道的是which one is latest recommended? 因此，我可以在自定义html和css样式中保持一致性。

我在官方的WooCommerce网站上也找不到任何关于这方面的文档。

1 个回复
SO网友:Jacob Peattie

这个CSS/SASS coding guidelines 在WooCommerce GitHub wiki 显示WooCommerce的开发人员应该使用BEM-style 在向WooCommerce提供代码时，在CSS/SASS中设置类：

Calypso是内置的React，它使用组件名来表示CSS类名。WooCommerce核心没有这些组件，因此使用更传统的BEM方法来命名类。

这向我表明，这些类是“正确”的：

.woocommerce-message
.woocommerce-message--info

标签： woocommerce-offtopic   小码农  

相关推荐