jQuery හි සීඑස්එස් ගුණාංග වල යටි ඉරි
CSS හි බොහෝ විට සිදු වන පරිදි, ගුණාංගය යටි ඉරි වලින් වෙන් කර ඇති වචන කිහිපයකින් සමන්විත වීමට ඉඩ දෙන්න:
<p class="www">text</p>
මෙම අවස්ථාවේ දී කිසිදු ගැටළුවක් නොමැත - එය Javascript කේතයේ CSS හි ලෙසම ලියා ඇත:
$('.www').css('font-size', '20px');
ඔබට සීඑස්එස් ගුණාංග කිහිපයක් සකසා ගැනීමට අවශ්ය නම්,
මෙය සඳහා css ක්රමයට
වස්තුවක් පරාමිතියක් ලෙස යැවිය හැකිය, එහි යතුරු
සීඑස්එස් ගුණාංග වන අතර වස්තුවේ අගයන්
සීඑස්එස් ගුණාංගවල අගයන් වේ:
$('.www').css({color: 'red', font: '12px Arial'});
කෙසේ වෙතත්, මෙහිදී දළ වශයෙන් ගුණාංග සමඟ දැනටමත් ගැටළු ඇත
font-size
- ලිවිය යුත්තේ font-size නොව,
fontSize වේ:
$('.www').css({color: 'red', fontSize: '12px'});
ඔබට එසේ කිරීමට ඉතා කැමති නොවේ නම් - යතුර ගන්න
font-size මින් ඇති උපුටා දැක්වීම්:
$('.www').css({color: 'red', 'font-size': '12px'});
ඔබට පෙනෙන පරිදි, jQuery විවිධ විකල්ප ලබා දෙයි ඔබගේ ප්රියතම අනුව ක්රම භාවිතා කිරීම කැමැත්ත. ඔබට වඩාත් පහසු වන්නේ කුමක්ද යන්න භාවිතා කරන්න.
සියලුම h3 කට
තද පෙළ කොළ පැහැයෙන් කරන්න.
සියලුම h2 කට නිල් පැහැය සහ
font-size: 30px කරන්න.
