CSS អ្នកជ្រើសរើសផ្ទាល់
- ទំព័រមុខ CSS អ្នកជ្រើសរើសកំណើត
- ទំព័របន្ទាប់ CSS អ្នកជ្រើសរើសបង្កើត
সাব-ইলেকট্রন সিলেক্টর (Child selectors) মাত্র কোনও ইলেকট্রনের সাব-ইলেকট্রনকে চুঁদানো পারে
সাব-ইলেকট্রন চুঁদানো
যদি আপনি কোনও পুরো পুত্র ইলেকট্রনকে চুঁদানো না চান, বরং একটি পুরো পুত্র ইলেকট্রনকে চুঁদানো চান, তাহলে সাব-ইলেকট্রন সিলেক্টর (Child selector) ব্যবহার করুন。
যদি আপনি শুধুমাত্র h1 ইলেকট্রন সাব-ইলেকট্রন চুঁদানো চান, তাহলে এইভাবে লিখতে হবে:
h1 > strong {color:red;}
এই নিয়মটি প্রথম h1-র নিচের দুটি strong ইলেকট্রন রেড রঙে রূপান্তর করবে, কিন্তু দ্বিতীয় h1-র strong-কে প্রভাব না করবে:
<h1>This is <strong>very</strong> <strong>very</strong> important.</h1>This is really very important.
语法解释
您应该已经注意到了，子选择器使用了大于号（子结合符）。
子结合符两边可以有空白符，这是可选的。因此，以下写法都没有问题：
h1 > strong h1> strong h1 >strong h1>strong
ប្រសិនបើត្រូវបានអានពីឆ្វេងទៅស្តើង អ្នកជ្រើសរើស h1 > strong អាចបកស្រាយថា 'ជ្រើសរើសអ្នកជ្រើសរើស strong ដែលជាអនុបណ្តទេសរបស់ h1 អនុបណ្តទេស'
ការរួមបញ្ចូលអ្នកជ្រើសរើសកំណើត និងអ្នកជ្រើសរើសផ្ទាល់
សូមមើលអ្នកជ្រើសរើសនេះ:
table.company td > p
អ្នកជ្រើសរើសនេះនឹងជ្រើសរើសអ្នកជ្រើសរើស p ដែលជាអនុបណ្តទេសរបស់ td អនុបណ្តទេសនេះ ដែលបានចូលរួមពី table អនុបណ្តទេស ដែលមាន class រួមមាន company
- ទំព័រមុខ CSS អ្នកជ្រើសរើសកំណើត
- ទំព័របន្ទាប់ CSS អ្នកជ្រើសរើសបង្កើត
