រៀនអ្វីដែលជាល្បាក់នៅក្នុងសន្លឹករចនាប័ទ្មល្បាក់

CSS Short Course

ល្បាក់នេះគឺជាអ្វីដែលធ្វើឱ្យ សន្លឹករចនាប័ទ្ម CSS មានប្រយោជន៍។ នៅក្នុងរយៈពេលខ្លី, cascade កំណត់លំដាប់នៃអាទិភាពសម្រាប់របៀបដែលប៉ះទង្គិចរចនាប័ទ្មគួរត្រូវបានអនុវត្ត។ នៅក្នុងពាក្យផ្សេងទៀតប្រសិនបើអ្នកមានរចនាប័ទ្មពីរ:

p {color: red; }
p {ពណ៌: ខៀវ; }

អាណាព្យាបាលកំណត់ថាពណ៌ណាមួយកថាខណ្ឌគួរជាអ្វីទោះបីជាសន្លឹករចនាប័ទ្មបញ្ជាក់ថាវាគួរតែមានពណ៌ក្រហមនិងពណ៌ខៀវក៏ដោយ។ នៅទីបំផុតមានតែពណ៌មួយអាចត្រូវបានអនុវត្តទៅកថាខណ្ឌដូច្នេះវាត្រូវតែមានលំដាប់។

ហើយលំដាប់នេះត្រូវបានអនុវត្តដោយឧបករណ៍ជ្រើស (p នៅក្នុងឧទាហរណ៍ខាងលើ) មានអាទិភាពខ្ពស់បំផុតនិងលំដាប់ដែលបង្ហាញនៅក្នុងឯកសារ។

បញ្ជីដូចខាងក្រោមគឺជាភាពងាយស្រួលនៃរបៀបដែលកម្មវិធីរុករករបស់អ្នកសម្រេចអាទិភាពសម្រាប់រចនាប័ទ្មមួយ:

1. រកមើលនៅក្នុងសន្លឹករចនាប័ទ្មសម្រាប់ឧបករណ៍ជ្រើសផ្គូផ្គងធាតុ។ ប្រសិនបើគ្មានរចនាប័ទ្មដែលបានកំណត់នោះទេសូមប្រើក្បួនលំនាំដើមនៅក្នុងកម្មវិធីរុករក
2. រកមើលនៅក្នុងសន្លឹករចនាប័ទ្មសម្រាប់អ្នកជ្រើសរើសត្រូវបានសម្គាល់! សំខាន់ហើយអនុវត្តវាទៅធាតុសមស្រប។
3. រចនាប័ទ្មទាំងអស់នៅក្នុងសន្លឹករចនាប័ទ្មនឹងបដិសេធរចនាប័ទ្មកម្មវិធីរុករកលំនាំដើម (លើកលែងតែក្នុងករណីសន្លឹករចនាប័ទ្មអ្នកប្រើ) ។
4. អ្នកជ្រើសរើសរចនាប័ទ្មកាន់តែច្បាស់លាស់អាទិភាពខ្ពស់វានឹងមាន។ ឧទាហរណ៍ div> p.class មានលក្ខណៈច្បាស់ជាង p.class ដែលជាក់លាក់ជាង p ។
5. ចុងបញ្ចប់បើក្បួនពីរអនុវត្តចំពោះធាតុដូចគ្នានិងមានជម្រើសអាទិភាពដូចគ្នានោះមួយដែលត្រូវបានផ្ទុក ចុងក្រោយ នឹងត្រូវបានអនុវត្ត។ នៅក្នុងពាក្យផ្សេងទៀតសន្លឹករចនាប័ទ្មត្រូវបានអានពីកំពូលទៅបាតនិងរចនាប័ទ្មត្រូវបានអនុវត្តនៅលើកំពូលនៃមួយផ្សេងទៀត។

ដោយផ្អែកលើក្បួនទាំងនោះក្នុងឧទាហរណ៍ខាងលើកថាខណ្ឌនឹងត្រូវសរសេរជាពណ៌ខៀវពីព្រោះ p {color: blue; } ភ្ជាប់មកជាចុងក្រោយនៅក្នុងសន្លឹករចនាប័ទ្ម។

នេះគឺជាការបកស្រាយយ៉ាងសាមញ្ញមួយនៃការរៀបចំ។ ប្រសិនបើអ្នកចាប់អារម្មណ៍ស្វែងយល់បន្ថែមអំពីវិធីដំណើរការល្បែងអ្នកគួរតែអាន តើ "Cascade" មានន័យយ៉ាងដូចម្តេចក្នុងសន្លឹករចនាប័ទ្មជាល្បែង? ។