JQMobile - Стилизация H1 / span / div текстов

Question

У меня есть

<h1 id="coins"></h1>

Но нельзя ли стилизовать его с помощью CSS, когда я использую Jquery Mobile?

.coins{
font-family: Verdana;
font-style: bold;
font-size: 50px;
color: #ecb502;
margin: 30px 30px 0px 0px;
}

тоже пробовал с h1{} и не помогло?

кто-нибудь знает почему?

Answer 1

, если вы вводите идентификатор, используя точку '.' тогда это твоя проблема. Стиль идентификаторы с хешем '#' и классы с точкой '.'

Кроме того, вы бы использовали font-weight: bold вместо font-style. Стиль шрифта будет в первую очередь для курсива.

И, несмотря на то, что это более предпочтительная вещь, в качестве FYI вам не нужно указывать единицы для значений 0 на вашем поле. Нулевой раз все равно нулю, неважно, что это такое.

Answer 2

Вам просто нужно быть более конкретным в своем селекторе, чтобы он перезаписывал jQuery Mobile CSS (который нацелен на элементы <h1> в <div data-role="header"> элементах с: .ui-header .ui-title):

Изменение:

.coins{

Кому:

/*this selects all elements that have both the `ui-title` and the `coins` classes and is a descendant of an element with the `ui-header` class*/
.ui-header .ui-title.coins{

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

Вот jsfiddle: http://jsfiddle.net/YdP7S/2/