语义UI UI类使用

Question

使用Semantic-ui的ui类有哪些规则？在文档中,ui类不一致地用于定义菜单

<div class="menu">
<div class="ui menu">

Answer 1

这包含在文档的词汇表部分中:

ui 是一个特殊的类名,用于区分组件的各个部分.

例如,列表将接收该类,ui list因为它具有相应的定义,但是列表项将仅接收该类item.

ui类名称通过确保组件的所有"部分"在上下文中定义为"整个"组件来帮助封装CSS规则.

它还有助于简化扫描未知代码.如果你看到ui你知道你在看一个组件.

菜单很好地证明了这一点(文档中的简化示例):

<div class="ui text menu">
  <div class="ui dropdown item">
    Applying
    <i class="dropdown icon"></i>
    <div class="menu">
      <div class="item">Applications</div>
      <div class="item">International Students</div>
      <div class="item">Scholarships</div>
    </div>
  </div>
</div>

外部菜单是一个实际的UI组件,因此具有ui和menu.但是,内部菜单实际上是另一个组件的一部分,即下拉列表,因此没有ui类.