CSS својства со цртички во jQuery

Нека својството, како што често се случува во CSS, се состои од неколку зборови, разделени со цртичка:

html<p class="www">text</p>

Во таков случај нема никаков проблем - се запишува во Javascript кодот исто како и во CSS:

javascript$('.www').css('font-size', '20px');

Ако сакате да поставите неколку CSS својства, тогаш за тоа во методот css може да се пренесе параметар објект, чии клучеви ќе бидат CSS својства, а вредностите на објектот - вредности на CSS својствата:

javascript$('.www').css({color: 'red', font: '12px Arial'});

Сепак, тука веќе ќе има проблеми со својства како font-size - треба да се напише не font-size, туку fontSize:

javascript$('.www').css({color: 'red', fontSize: '12px'});

Ако не ви се допаѓа многу да правите така - земете го клучот font-size во наводници:

javascript$('.www').css({color: 'red', 'font-size': '12px'});

Како што можете да видите, jQuery дава различни опции за користење на методи во зависност од вашите преференци. Користете го она што ви е попогодно.

Задание 1

На сите h3 направете го текстот задебелен со зелена боја.

Задание 2

На сите h2 направете светло сина боја и font-size: 30px.