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

Каковы правила использования семантического класса <div class = "menu" > <div class = "ui menu" > ui class? В документах класс списка ui не используется последовательно, например, при определении элементов

ui

html,css,html5,css3,semantic-ui,

4

Ответов: 1


<div class = "ui text menu" > <div class = "ui dropdown item" > Применение <i class = "выпадающего значка" > </ i> <div class = "menu" > <div class = "item" > Приложения </ div> <div class = "item" > Международные студенты </ div> <div class = "item" > Стипендии </ div> </ div> </ div> </ div> scope itemtype = 'http: //schema.org/Answer'>
7 принят

Это описано в разделе « Глоссарий» документации:

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

Например, список получит класс, menuпотому что он имеет соответствующее определение, однако элемент списка получит только класс item.

Имя класса ui помогает инкапсулировать правила CSS, убедившись, что все «части компонента» определены в контексте для «целого» компонента.

Это также помогает упростить сканирование неизвестного кода. Если вы видите, uiчто знаете, что смотрите на компонент.

Меню является хорошей демонстрацией этого (упрощенный пример из документации):

ui

Внешнее меню является фактическим компонентом пользовательского интерфейса, и, следовательно, имеет как uiи menu. Однако внутреннее меню фактически является частью другого компонента, выпадающего списка и, следовательно, не имеет uiкласса.

HTML, CSS, HTML5, CSS3, знаково-щ,
Похожие вопросы