在命名ID和class时，可以遵循以下规则：
内容优先 ：首先根据内容来命名，例如`main-nav`。如果根据内容找不到合适的命名，可以再结合表现来定，例如`skin-blue`，`present-tab`，`col-main`。命名方式
连字结符连接与驼峰式写法相结合：
例如`recommend-presents`，`pictureList-item`。其中，id必须使用下划线进行连接，如`product_title`；class必须使用连字符进行连接，如`productItem-lists`。这样容易区分，同时对脚本调试有帮助。
字符限制
id和class名称中只能出现26个英文字母、数字、下划线"_"和连字符"-"，任何其它字符都是不被允许使用的。
英文单词命名：
尽量用英文单词命名。对于某些产品特色词汇，也可以使用拼音，但在其他情况下禁止使用拼音。
系统级前台class名称：
都以`ex`开头，例如`ex-goods-detail`。尽量不要超过三级。
示例
ID：`product_title`
Class：`productItem-lists`
建议
始终遵循上述命名规则，以确保代码的可读性和可维护性。
在命名时，尽量保持简洁明了，避免过长的名称。
如果某个ID或class的用途不明确，可以考虑添加更具描述性的前缀或后缀，以便于理解其用途。