CSS jQuery hyphenated properties

Let the property, as is often the case in CSS, consist of several words separated by hyphens:

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

In this case, there are no problems - it is written in Javascript code in the same way as in CSS:

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

If you want to set several CSS properties, you can pass an object as a parameter to the css method, the keys of which will be the CSS properties, and the values ​​of the object will be the values ​​of the CSS properties:

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

However, there will be problems with properties like font-size - you need to write not font-size, but fontSize:

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

If you don't really like doing this, put the font-size key in quotes:

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

As you can see, jQuery gives you different options for using methods depending on your preferences. Use whatever you are most comfortable with.

Задание 1

All h3 make bold text green.

Задание 2

Make all h2 blue and font-size: 30px.