រៀនអ្វីដែលកម្មវិធីជ្រើសរើស CSS

ចាប់ផ្តើម CSS

CSS ពឹងផ្អែកលើក្បួនផ្គូផ្គងលំនាំដើម្បីកំណត់ថារចនាប័ទ្មណាមួយត្រូវបានអនុវត្តចំពោះធាតុណាមួយនៅក្នុងឯកសារ។ លំនាំទាំងនេះត្រូវបានគេហៅថា selectors ហើយវាមានឈ្មោះពី tag (ឧទាហរណ៍ p ដើម្បីផ្គូផ្គង tag កថាខណ្ឌ) ទៅជាទម្រង់ស្មុគស្មាញដែលផ្គូផ្គងផ្នែកជាក់លាក់នៃឯកសារ (ឧទាហរណ៍ p # myid> b.highlight នឹងផ្គូផ្គងស្លាក b ណាមួយជាមួយ ថ្នាក់នៃការបន្លិចដែលជាកូនរបស់កថាខណ្ឌដែលមាន id myid នេះ) ។

ឧបករណ៍ជ្រើស CSS គឺជាផ្នែកមួយនៃការហៅរចនាប័ទ្ម CSS ដែលកំណត់ផ្នែកណានៃទំព័របណ្ដាញគួរត្រូវបានតែង។ កម្មវិធីជ្រើសមានលក្ខណៈសម្បត្តិមួយឬច្រើនដែលកំណត់របៀបដែល HTML ដែលបានជ្រើសនឹងត្រូវបានតែង។

ឧបករណ៍ជ្រើសរើស CSS

មានអ្នកជ្រើសរើសប្រភេទផ្សេងៗគ្នាជាច្រើន:

• ប្រភេទជ្រើសរើស - ផ្គូផ្គងធាតុជាក់លាក់មួយ
• ធាតុដែលផ្គូផ្គងធាតុដែលផ្គូផ្គងជាមួយថ្នាក់ជាក់លាក់
• លេខសម្គាល់ជម្រើស - ផ្គូផ្គងធាតុដែលមានលេខសម្គាល់ជាក់លាក់
• អ្នកជ្រើសរើសកូនចៅ - ធាតុដែលជាកូនចៅនៃធាតុជាក់លាក់មួយ
• កូនជ្រើសធាតុដែលផ្គូរផ្គងជាកូននៃធាតុជាក់លាក់
• ឧបករណ៍ជ្រើសសកលដែលផ្គូផ្គងនឹងធាតុណាមួយ
• ធាតុផ្សំ selector ដែលនៅជាប់គ្នានៅជិតគ្នាដោយធាតុជាក់លាក់មួយ
• គុណលក្ខណៈធាតុផ្គូផ្គងដែលមានគុណលក្ខណៈជាក់លាក់ឬគុណលក្ខណៈ
• ធាតុជ្រើសរើសតម្រង pseudo-class ដែលមានថ្នាក់ pseudo ជាក់លាក់
• ធាតុដែលជ្រើសរើសដោយធាតុជ្រើស pseudo-element ដែលមានលក្ខណៈសម្បត្តិ pseudo-specific ជាក់លាក់

ធ្វើទ្រង់ទ្រាយ CSS Styles និង CSS Selectors

ទ្រង់ទ្រាយនៃរចនាប័ទ្ម CSS មើលទៅដូចនេះ:

selector {លក្ខណៈរចនាប័ទ្ម: រចនាប័ទ្ម; }

បំបែកឧបករណ៍ជ្រើសច្រើនដែលមានរចនាប័ទ្មដូចគ្នាជាមួយសញ្ញាក្បៀស។ នេះត្រូវបានហៅថាក្រុមការជ្រើស។ ឧទាហរណ៍:

selector1 , selector2 {លក្ខណៈរចនាប័ទ្ម: រចនាប័ទ្ម; }

ជ្រើសរើសការដាក់ជាក្រុមគឺជាយន្តការខ្លីដើម្បីរក្សារចនាប័ទ្ម CSS របស់អ្នកឱ្យតូច។

ការដាក់ជាក្រុមខាងលើនឹងមានឥទ្ធិពលដូចគ្នានឹង:

selector1 {លក្ខណៈរចនាប័ទ្ម: រចនាប័ទ្ម; }
selector2 {លក្ខណៈរចនាប័ទ្ម: រចនាប័ទ្ម; }

សាកល្បងឧបករណ៍ជ្រើសរើស CSS របស់អ្នកជានិច្ច

មិនមែនគ្រប់កម្មវិធីរុករកទាំងអស់គាំទ្រកម្មវិធីជ្រើសរើស CSS ទាំងអស់ទេ។ ដូច្នេះត្រូវប្រាកដថាសាកល្បងឧបករណ៍ជ្រើសរបស់អ្នកក្នុងកម្មវិធីរុករកជាច្រើនលើប្រព័ន្ធប្រតិបត្តិការជាច្រើនតាមដែលអ្នកអាចធ្វើបាន។ ប៉ុន្តែប្រសិនបើអ្នកកំពុងប្រើ CSS 1 ឬ CSS2 ជ្រើសរើសអ្នកគួរតែមានបញ្ហា។