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 guidelinesWooCommerce GitHub wiki 显示WooCommerce的开发人员应该使用BEM-style 在向WooCommerce提供代码时,在CSS/SASS中设置类:

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

这向我表明,这些类是“正确”的:

.woocommerce-message
.woocommerce-message--info

相关推荐