Page 10 - jQuery для начинающих

за каждый идентификатор получаем [1:0:0] (#id)
за каждый класс, либо псевдо класс — [0:1:0] (.my :pseudo)
за каждый тег — [0:0:1] (div a)

При этом [1:0:0] > [0:x:y] > [0:0:x].
Пример селекторов, выстроенных по приоритету (первые важнее):

#my p#id — [2:0:1]

#my #id — [2:0:0]
#my p — [1:0:1]
#id — [1:0:0]

.wrapper .content p — [0:2:1]
.content div p — [0:1:2]

.content p — [0:1:1]
p — [0:0:1]

Пример HTML-кода (см. css.priority.html):

<div class="wrapper">
<div id="my" class="content">
<p id="id">
Lorem ipsum dolor sit amet, consectetuer...
</p>
</div>
</div>

При равенстве счета — последний главный.

Говорят, что правило с 255 классами будет выше по приоритету, нежели правило
с одним id, но я надеюсь, такого кода в реальности не существует

Вот такое краткое вступительное слово, но пора вернутся к jQuery. Так вот, работая с jQuery,
вы должны «на отлично» читать правила CSS, а также уметь составлять CSS-селекторы для
поиска необходимых элементов на странице. Но давайте обо всем по порядку, возьмём
следующий простенький пример вполне семантического HTML (см. html.example.html):

10

www.trk.kg