តើអ្វីជាភាពខុសគ្នារវាង CSS selector class និង id? id និង class ប្រើប្រាស់ក្នុង HTML

តើអ្វីជាភាពខុសគ្នារវាង CSS selector class និង id? id និង class ប្រើប្រាស់ក្នុង HTML

Chen Weiliangបច្ចុប្បន្នកំពុងប្រតិបត្តិSEO បង្កើនប្រសិទ្ធភាពគេហទំព័រWordPressប្រធានបទ។

ថ្វីត្បិតតែខ្ញុំបានរៀនចំណេះដឹងមូលដ្ឋាន HTML និង CSS មួយចំនួនពីមុនមក ប៉ុន្តែខ្ញុំមិនបានដំណើរការវាមួយរយៈទេ ជាពិសេសការប្រើប្រាស់ផ្នែក CSS វាងាយស្រួលបំភ្លេច។

ដូច្នេះ កត់ត្រា និងសង្ខេបពីភាពខុសគ្នា និងការប្រើប្រាស់ CSS selector id និង class នៅទីនេះ៖

• id ត្រូវនឹង #div
• ថ្នាក់ត្រូវគ្នានឹង .div

ភាពខុសគ្នារវាង id និង class

ការពិពណ៌នាលេខសម្គាល់

• id គឺ​ជា​ស្លាក​ថេរ ដែល​ត្រូវ​បាន​ប្រើ​ដើម្បី​កំណត់​រចនាប័ទ្ម​ធំ​ជាង​នេះ​ក្នុង​ទំព័រ​បណ្ដាញ ដែល​ត្រូវ​បាន​កំណត់​ជា​ទម្រង់ #div
• ឧទាហរណ៍៖ បែងចែកជួរឈរ ផ្នែកខាងលើ តួ បាត។ល។
• ប្រើដើម្បីកំណត់ធាតុជាក់លាក់ ដែលអាចបង្ហាញម្តងក្នុងមួយទំព័រ ហើយមិនអាចហៅម្តងហើយម្តងទៀតបានទេ។

ការពិពណ៌នាថ្នាក់

• Class គឺ​ជា​ក្រុម​រចនាប័ទ្ម​ដែល​ត្រូវ​បាន​ប្រើ​ដើម្បី​កំណត់​រចនាប័ទ្ម​លម្អិត​ក្នុង​ទំព័រ​បណ្ដាញ។​ វា​ត្រូវ​បាន​កំណត់​ក្នុង​ទម្រង់​ .div ហើយ​អាច​ធ្វើ​ឡើង​វិញ​បាន។
• ឧទាហរណ៍៖ ម៉ឺនុយជាក់លាក់ បន្ទាត់នៃអត្ថបទ។ល។
• នៅលើទំព័រតែមួយ វាអាចត្រូវបានហៅម្តងហើយម្តងទៀតដោយធាតុជាច្រើន។

ឧបករណ៍ជ្រើសរើស div ខ្លួនវាមិនមានលក្ខណៈសម្បត្តិទេ។ តាមរយៈការកំណត់ css របស់វា វាគ្រប់គ្រងប្លង់មួយចំនួនដូចជា ទទឹង កម្ពស់ ពណ៌ផ្ទៃខាងក្រោយ និងទំហំអត្ថបទរបស់ div ។

ទូទៅពាណិជ្ជកម្មតាមប្រព័ន្ធអេឡិចត្រូនិកគេហទំព័រ,បង្កើតគេហទំព័រគេហទំព័រ html ដែលបង្កើតដោយកម្មវិធីគឺដើម្បីដឹងពីប្លង់ទំព័រតាមរយៈ CSS ។

តើឧបករណ៍ជ្រើសរើសគឺជាអ្វី?

និយមន័យនៃរចនាប័ទ្ម CSS នីមួយៗមាន 2 ផ្នែក៖

选择器 {样式}

• ផ្នែក​ខាង​មុខ {} គឺ "អ្នក​ជ្រើសរើស"។
• "អ្នកជ្រើសរើស" បង្ហាញពី "រចនាប័ទ្ម" នៃ {} ដែលវាដំណើរការ។
• នោះគឺនៅលើធាតុណាមួយនៃទំព័របណ្តាញដែល "រចនាប័ទ្ម" នេះដំណើរការ?

ឧទាហរណ៍កូដ

នេះជារបៀបជ្រើសរើស និងកំណត់រចនាប័ទ្មធាតុ class="sidebar"៖

.sidebar
{ 
background-color:black;
}

នេះជារបៀបជ្រើសរើស និងកំណត់រចនាប័ទ្មធាតុជាមួយ id="footer"៖

#footer
{ 
background-color:black;
}