为什么我经常在常用库中看到.closed-dialogue
and而不是and ?.open-dialogue
.closed.dialogue
.open.dialogue
每个元素一个类的问题
要使用第一种方法格式化所有对话,您已经需要选择器中的两个类。
每次您添加另一个差异时,fe 一些颜色,您将乘以选择器中的类数:.warning-dialogue-closed, .error-dialogue-closed, .warning-dialogue-open, .error-dialogue-open
。
现在这怎么可能是好的做法?这很难维护!
你甚至不能在模块中分离你的代码,因为对话的基本选择器需要知道所有存在的对话!
每个元素有几个类解决了这个问题
通过连接多个类,代码会更短、更易于维护且更易于阅读:
.dialogue
格式化所有对话,无论您有多少不同。
.error.dialogue
并且.warning.dialogue
会为任何一种口味添加变化。.open.dialogue
并.closed.dialogue
会照顾其他差异。
你甚至可以有另一个独立的模块来定义大小对话,而基本模块甚至不必知道它。
那为什么我从来没有见过这个?