jQuery හි සීඑස්එස් ගුණාංග වල යටි ඉරි

CSS හි බොහෝ විට සිදු වන පරිදි, ගුණාංගය යටි ඉරි වලින් වෙන් කර ඇති වචන කිහිපයකින් සමන්විත වීමට ඉඩ දෙන්න:

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

මෙම අවස්ථාවේ දී කිසිදු ගැටළුවක් නොමැත - එය Javascript කේතයේ CSS හි ලෙසම ලියා ඇත:

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

ඔබට සීඑස්එස් ගුණාංග කිහිපයක් සකසා ගැනීමට අවශ්‍ය නම්, මෙය සඳහා 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 කරන්න.