Значение .ui- "что-то"

Question

Что такое смысл

.ui-"something"

используется в CSS файлах JQuery Mobile. В чем его цель. Пример: Когда я создаю новый файл, используя Dreamweaver (мобильный). Я получаю предопределенную структуру. некоторые высказывания CSS файла JQuery являются:

s.ui-mobile,.ui-mobile body{height:100%background:url(images/home_main.jpg);}.ui-mobile fieldset,.ui-page{padding:0;margin:0}.ui-mobile a img,.ui-mobile fieldset{border:0}.ui-mobile-viewport{margin:0;overflow-x:visible;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}body.ui-mobile-viewport,div.ui-mobile-viewport{overflow-x:hidden}.ui-mobile [data-role=page],.ui-mobile [data-role=dialog],.ui-page{top:0;left:0;width:100%;min-height:100%;position:absolute;display:none;border:0}.ui-mobile .ui-page-active{display:block;overflow:visible}.ui-page{outline:0}@media screen and (orientation:portrait){.ui-mobile,.ui-mobile .ui-page{min-height:420px}}@media screen and (orientation:landscape){.ui-mobile,.ui-mobile .ui-page{min-height:300px} 

Так в основном то, что делает. .ui-page, .ui-mobile, .ui-mobile body. Что произойдет, если я обновляю некоторые значения или вставляю новые свойства css в них, где я увижу изменения.

Answer 1

Классы предназначены для создания визуальной согласованности в приложении и позволяют компонентам быть тематическими с помощью jQuery UI ThemeRoller.

http://api.jqueryui.com/theming/css-framework/

Answer 2

JQuery мобильных база занимает «писать меньше, делать больше» мантра на следующий уровень: Вместо того, чтобы писать уникальные приложения для каждого мобильного устройства или операционной системы, мобильная структура Jquery позволяет создайте единый высокомаркетированный веб-сайт или приложение, которое будет работать на всех популярных платформах для смартфонов, планшетов и настольных компьютеров.

Поскольку вы пишете «меньше», должно быть много чего происходит за кулисами. Здесь JQuery Mobile предлагает хорошо оформленные мобильные элементы управления. Для того, чтобы получить мобильный дружественный элемент управления с простым кодом, например, как this:

<div data-role="fieldcontain"> 
    <label for="select-choice-1" class="select">Choose shipping method:</label> 
    <select name="select-choice-1" id="select-choice-1"> 
     <option value="standard">Standard: 7 day</option> 
     <option value="rush">Rush: 3 days</option> 
     <option value="express">Express: next day</option> 
     <option value="overnight">Overnight</option> 
    </select> 
</div> 

JQuery Mobile обертывания и стили элементов управления с помощью JQuery и CSS. Поэтому при визуализации тег select обернут внутри <div class="ui-select">. И ответить на ваш вопрос ui-something - это просто класс CSS.