jQuery Mobile demo page имеет отличный виджет списка, который я хочу использовать.
Однако я хотел бы уменьшить размер шрифта элементов <li> (только элементы <li> в этом конкретном списке, а не другие).Как уменьшить размер шрифта в определенном стиле CSS?
Как мне снять это?
Добавить <link> в Jquery-mobile.css в вашей голове <head> элемент в вашем HTML файле первой, следующая строка добавить <link> в файл site.css. В вашем site.css добавить:
.ui-link-inherit{
font-size:80%
}
щ-канальном унаследуют это имя класса JQuery мобильного дает каждый элемент списка (<li>) в списке в демонстрационном ссылке вы предоставили, файл site.css будет переопределить стили, определенные в файле jquery-mobile.css, потому что его ссылка следует на следующей строке после ссылки jquery css (вот почему ее называемые каскадные таблицы стилей). Обратите внимание, что я составляю свои собственные имена как для файла jquery css, так и для вашего сайта css-файла, например, для сакэ.
Вы также можете сделать это с помощью стиля CSS инлайн, а не внешний файл CSS, как мой site.css например, так:
<style>
.ui-link-inherit{
font-size:80%
}
</style>
Опять просто убедитесь, что ваш <style> элемент приходит после того, как ссылка на Файл jquery mobile css.
У меня, вероятно, что-то не хватает. Почему бы просто не добавить переопределяющие настройки CSS? – Itay
Я полагаю, вы бы потянули это с помощью обычного CSS, просто нацелились на правильные элементы? – adeneo
@Itay Можете ли вы показать мне, как изменить эти элементы? – AngryHacker