在樣式系統中,當類別名稱是先前類別名稱的一部分時,不會呈現類別名稱

當類別名稱是先前類別名稱的一部分時,不會呈現類別名稱。 若要避免此問題,建議使用Block Element Modifier (BEM)類別命名慣例。 這樣可確保每個類別名稱都是唯一的,並防止出現任何轉譯問題。

說明 description

環境

Adobe Experience Manager

問題/症狀

當類別名稱是先前類別名稱的一部分時,不會呈現類別名稱。 例如,將下列樣式新增至文字元件原則:

Group name = Group

Styles can be combined = check on Styles Style1 = cmp-text__class1 Style2 = class1

那麼呈現的HTML不包含class1。

<div class="text cmp-text__class1 aem-GridColumn aem-GridColumn--default--12"> ... </div>

For Style2 = class2, the rendered HTML contains class2.

解決方法 resolution

自AEM 6.4起,目前的邏輯會檢查類別名稱是否為先前類別名稱的一部分。 建議使用區塊元素修飾元(BEM)類別命名慣例,以確保每個類別名稱都是唯一的。

recommendation-more-help
3d58f420-19b5-47a0-a122-5c9dab55ec7f