rn CSS命名規則
HTML5引入了一個新的CSS命名規則,名為"React Native CSS 命名規則",旨在使開發人員在編寫React Native應用程序的CSS樣式時更容易使用正確的命名約定。
以下是React Native CSS 命名規則的一些重要規則:
1. 類名必須使用大寫字母開頭,并在類名中包含冒號(')和空格。
- 按鈕類名應該為"button"。
- 文本域類名應該為"text-overflow"。
2. 屬性名應該使用大寫字母開頭,并在屬性名中包含冒號(')和空格。
- 字體類名應該為"font"。
- 顏色類名應該為"color"。
3. 子類名應該使用大寫字母和數字開頭,并在子類名中包含冒號(')和空格。
- 按鈕的子類名應該為"button-link"。
- 文本域的子類名應該為"text-overflow-link"。
4. 子屬性名應該使用大寫字母和數字和下劃線開頭,并在子屬性名中包含冒號(')和空格。
- 字體屬性的子屬性名應該為"font-size-link"。
- 顏色屬性的子屬性名應該為"color-link"。
5. 復選框類名應該為"checkbox"。
6. 按鈕的子按鈕類名應該為"button-嗣"。
7. 標簽的父標簽類名應該為"div"。
8. 列表項的子列表項類名應該為"ul"。
9. 表格單元格的子單元格類名應該為"table-cell"。
通過遵循這些規則,開發人員可以更輕松地編寫React Native應用程序的CSS樣式,并確保其符合正確的命名約定。