Использование класса семантического интерфейса UI

Question

Каковы правила использования класса uint Semantic-ui? В Документах класс щий не используются последовательно, например, в определении меню

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

Answer 1

Это охваченное в Glossary части документации:

ui является специальным именем класса используется, чтобы различать части компоненты из компонентов.

Например, list будет получить класс 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 и menu. Однако внутреннее меню фактически является частью другого компонента, выпадающего списка и, следовательно, не имеет класса ui.