自訂 CSS 最佳實務
以下是使用「自訂 CSS」的建議指導原則：
• 使用應用程式或延伸功能名稱為類別加前綴，來確保與系統中的其他 CSS 之間沒有任何衝突。
• 將 CustomClass 內容繫結至會透過使用適當 CSS 選取器觸發視覺化更新的值。
• 有時，CSS 會覆寫小器具定義，但是這也取決於在小器具中定義內容的方式。若發生衝突，請謹慎使用 CSS 中父項/子項的嵌套選取，以及 !important 指示詞。
• 請務必針對尺寸或方位使用百分比值。可用來定位的有用屬性有 Vertical-Align 與 Text-Align。彈性方塊容器可有效管理項目大小與方位。
• 一些小器具不支援新的 CustomClass 內容，但我們仍可以自訂 CSS。其中一個選項是，以類別標記父容器 (版面配置/面板)，然後使用父-子選取器選取 CSS 中的目標分區。
• 邊界外框在 Mashup Builder 的下一個發行版本中並未變更，因此請將樣式套用至邊界外框分區。
• 將通用程式碼保留在單一 CSS 檔案中，避免程式碼重複。例如，如果您選取「重複器」小器具的內部元素，請將其放在通用檔案中，以便您可以在 DOM 變更時輕鬆實行更新。
• 選取類別名稱與元素類型。類別名稱通常表示設計意圖，而元素 (表格) 可能會轉換為不同類型 (例如，為了改善效能)。
• 當依照元素類型選取時，請審核其前後關聯以確保程式碼可用。例如，如果您選取文字方塊小器具元素，input 元素可能是安全的；分區太籠統。
• 遵守 ThingWorx 類別名稱及其設計意圖。例如，如果 ThingWorx 類別名稱為 shadow - 請僅使用它來自訂陰影。
• 在適當時使用直接子項選取 (>)。這麼做是為了避免「遺漏」所有遞歸子項的選取。混搭可能包含其他混搭 (依據重複器或所包含混搭)，因此請僅選取需要的內容。範例：「面板」小器具具有 OuterContainer 分區，因此請確保您選取直接子項，而不是選取此類型的所有分區。