Using the semantic UI class

Question

What are the rules for using the semantic-ui ui class? In documents, the ui class is not used sequentially, for example, when defining a menu

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

Answer 1

This is described in the Glossary part of the documentation:

ui is a special class name used to extract parts of components from components.

For example, list will receive a class ui listbecause it has an appropriate definition, however, only a class will receive a list item 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, menu. , , , ui.