តើកម្មវិធីជ្រើសរើសស៊ីមសូលីតជាអ្វី?

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

កម្មវិធីជ្រើសរើសស៊ីនុស

កម្មវិធីជ្រើស descendant CSS អនុវត្តទៅធាតុដែលនៅខាងក្នុងធាតុផ្សេងទៀត (ឬបានបញ្ជាក់យ៉ាងត្រឹមត្រូវធាតុដែលជាកូនចៅរបស់ធាតុផ្សេងទៀត) ។ ឧទាហរណ៍បញ្ជីគ្មានលំដាប់មានស្លាកដែលមានស្លាកជាកូនចៅ។ ចូរប្រើ HTML ខាងក្រោមជាឧទាហរណ៏:

• នេះជាតំណភ្ជាប់មួយ

  ស្លាក LI គឺជាកូនចៅរបស់ស្លាក UL ។ ស្លាក A គឺជាកូនចៅម្នាក់របស់ ទាំង កូនចៅរបស់កូនចៅ (កូនក្មេង) និងកូនចិញ្ចឹម UL (ចៅ ៗ ) ។ ប្រសិនបើអ្នកគិតអំពីការគិតអំពីវាដោយប្រើគំរូមែកធាងគ្រួសារ

  នឹងជាមាតាបិតា
  • នឹងជាកូនរបស់ធាតុនោះហើយ នឹងក្លាយជាកូនរបស់
  • និងចៅរបស់ នេះ
    ។

    ដូច្នេះតើអ្នកនឹងតម្រង់ទិសដៅជាក់លាក់នៅក្នុងគេហទំព័រដោយប្រើឧបករណ៍ជ្រើសកូនចៅទាំងនេះយ៉ាងដូចម្តេច? ដំបូងអ្នកត្រូវកំណត់ឧបករណ៍ជ្រើសកូនចៅដោយប្រើឧបករណ៍ជ្រើសប្រភេទពីរ (ឬច្រើន) ដែលបំបែកដោយចន្លោះ។

    li a {text-decoration: none; }

    នៅក្នុងឧទាហរណ៍នោះរចនាប័ទ្មនឹងអនុវត្តចំពោះធាតុតំណ () ដែលជាកូនចៅនៃធាតុធាតុបញ្ជី (

    • ) ។ តំណភ្ជាប់ផ្សេងទៀតទាំងអស់នៅលើទំព័រដែលមិនមែនជាកូនចៅរបស់ធាតុបញ្ជីនឹងមិនទទួលបានរចនាប័ទ្មនេះទេ។

      រឿងសំខាន់មួយដែលត្រូវចងចាំគឺថាវាមិនមានបញ្ហាទេថាតើមានស្លាកជាច្រើនដែលពួកគេមាននៅចន្លោះស្លាកដែលអ្នកកំពុងប្រើនៅក្នុងឧបករណ៍ជ្រើសកូនចៅរបស់អ្នក។ ប្រសិនបើធាតុទីពីរត្រូវបានបិទនៅកន្លែងណាមួយនៅក្នុងធាតុទីមួយនោះវានឹងត្រូវបានជ្រើសរើសជាកូនចៅ។

      ប្រសិនបើអ្នកចង់ជ្រើសយុថ្កាទាំងអស់ដែលបានចុះពីធាតុ ul អ្នកនឹងសរសេរ:

      ul {អត្ថបទ - តុបតែង: គ្មាន }

      ឥឡូវរចនាប័ទ្មទាំងនេះនឹងអនុវត្តចំពោះតំណដែលជាកូនចៅរបស់ធាតុបញ្ជី។ អ្នកក៏អាចសរសេរកម្មវិធីជ្រើសរើសនេះបានដែរ

      ul li a {text-decoration: none }

      នេះគឺជាឧបករណ៍ជ្រើសកូនចៅដែលប្រើឧបករណ៍ជ្រើសរើសច្រើនជាងពីរ។ ក្នុងករណីនេះវានឹងអនុវត្តចំពោះតំណដែលនៅខាងក្នុងនៃធាតុបញ្ជីហើយក៏នៅខាងក្នុងនៃបញ្ជីគ្មានលំដាប់ផងដែរ។

      ប្រើឧបករណ៍ជ្រើសរើសថ្នាក់និងលេខសម្គាល់

      ឧបករណ៍ជ្រើសរើសដែលអ្នកកំពុងចុះពីមិនត្រូវតែជាកូនចៅប្រភេទទេ។ ឧទាហរណ៍ស្រមៃថាអ្នកមានតំបន់នៃគេហទំព័រ (ដូចជាផ្នែកមួយ) ដែលមានគុណលក្ខណៈ ID នៃផ្ទាំង "ផ្ទាំង" ។ អ្នកអាចដំឡើងឧបករណ៍ជ្រើសកូនចៅនៃលេខសម្គាល់នោះ:

      #billboard ul {background-color: #ccc; }

      នេះនឹងធ្វើរចនាប័ទ្មបញ្ជីគ្មានលំដាប់ដែលជាកូនចៅរបស់ធាតុដែលមានលេខសម្គាល់ "ផ្ទាំងប៉ាណូ" ។ អ្នកអាចធ្វើដូចគ្នាចំពោះតម្លៃថ្នាក់។

      div.billboard ul {background-color: #ccc; }

      នេះសន្មតថាការបែងចែកនេះមានតំលៃថ្នាក់រៀន "ផ្ទាំងប៉ាណូ" ។ CSS ខាងលើនឹងរចនាសម្ព័ន្ធ

      នៅក្នុងផ្នែកណាមួយដែលមានតម្លៃថ្នាក់នេះ។

      អ្នកអាចទទួលបានការហាមឃាត់និងកិរិយាស័ព្ទយ៉ាងពិតប្រាកដជាមួយអ្នកជ្រើសរើសកូនចៅ។ ឧទាហរណ៍ប្រសិនបើអ្នកប្រើ Dreamweaver ដើម្បីសរសេរ កូដ HTML របស់អ្នកមានការកំណត់នៅពេលដែលអ្នកបន្ថែមច្បាប់ CSS ថ្មីដែលបង្កើតដោយស្វ័យប្រវត្តិដោយផ្អែកលើការដាក់ទស្សន៍ទ្រនិចរបស់អ្នកនៅលើទំព័រនោះ។ អ្វីដែល Dreamweaver ធ្វើក្នុងករណីនេះគឺបង្កើតឧបករណ៍ជ្រើសកូនចៅដែលមានចរិតកណ្តាប់ដៃយ៉ាងខ្លាំង។ ជាក់លាក់ជាក់លាក់នោះគឺមិនចាំបាច់សម្រាប់ CSS របស់អ្នកដើម្បីធ្វើការ។ អ្វីដែលអ្នកចង់ធ្វើគឺរកតុល្យភាពរវាងឧបករណ៍ជ្រើសកូនចៅដែលមានលក្ខណៈគ្រប់គ្រាន់ដើម្បីឱ្យអ្នកអាចចុះទៅធាតុពិតដែលអ្នកត្រូវការ (ដោយគ្មានរចនាបថដែលអ្នកមិនចង់ប៉ះពាល់) ដោយមិនមានក្បួន CSS ដែលមានជម្រើសដែលហួសសម័យ។ ធំ។