哪个 HTML CLASS 定义是正确的解决方案？ [关闭]答案

【问题标题】：Which HTML CLASS definition is right solution? [closed]哪个 HTML CLASS 定义是正确的解决方案？ [关闭]
【发布时间】：2014-04-20 23:14:03
【问题描述】：

现在框架使用类似这样的控件

html<{{html_tag}} class="ui-accordion ui-widget ui-helper-reset" />

css.ui-accordion.ui-widget { {{style}} } .ui-widget.ui-helper-reset { {{style}} }

有一段时间来我这里比较合乎逻辑

html<{{html_tag}} class="ui accordion widget helper reset" />

css .ui.accordion.widget { {{style}} } .ui.widget.helper.reset { {{style}} }

谁有优缺点？

【问题讨论】：

标签： html css

【解决方案1】：

在您的第一个示例中，因为框架缩写已作为前缀添加到与框架特别相关的每个类：

【讨论】：

谢谢 SW4。你是说写“button button-small button-image image-ListViewDetail”比写“button small image ListViewDetail”好吗？
这一切都是关于什么是合适的，如果它是一个框架，它可能更适合添加前缀......然后添加一个可能依赖于 CSS 其余部分的结构的普通类名。它与结构和逻辑意义一样重要

【解决方案2】：

除了 SW4 的答案之外，它还具有使用以下选择器分别选择包含或以 ui- 开头的类的任何元素的好处：

*[class|=ui]*[class^=ui-]

【讨论】：