CSS ကောက်ကွက် ရွေးချယ်သူ

အပိုင်းအပိုင်း ကောက်ဘက်အချက်အလက်နှင့် နှိုင်းယှဉ်လျှင် ကောက်ဘက်အချက်အလက်များသည် အချက်အလက်၏ ကောက်ဘက်ကို သာ ရယူနိုင်သည်။

ကောက်ဘက် အချက်အလက်

သင် အခြားအပိုင်းအခြားသော ကောက်ဘက်အချက်အလက်ကို ရယူလိမ့်မည်မဟုတ်၊ အသုံးပြုလိမ့်မည်ကို ချီးမြှင့်သော အချက်အလက်ကို သာ ရယူသင့်သည်ကို ချီးမြှင့်သင့်သည်ကို အသုံးပြုပါ၊ ထို့အပြင် အချက်အလက်ကို သာ ရယူသင့်သည်ကို အသုံးပြုပါ:

ဥပမာ၊ သင်သည် h1 အချက်အလက်၏ ကောက်ဘက် strong အချက်အလက်ကို ရယူသင့်သည်ကို ခိုင်ခိုင်လုံလုံသောပုံစံဖြင့် ရေးသားရန် နည်းလမ်းဖြစ်ပါသည်:

h1 > strong {color:red;}

ဒါမှာ ပထမ h1 အောက်တွင်ရှိသော နှစ်ခုသော strong အချက်အလက်ကို အနု့စ်ရေးသားလိမ့်မည်မဟုတ်၊ ဒါမှာ ဒုတိယ h1 အတွက် strong အချက်အလက်ကို အပျက်အစီးအားဖြင့် ခေါ်ဆိုလိမ့်မည်မဟုတ်ပါ။

<h1>ဒါမှာ <strong>အလွန်</strong> <strong>အလွန်</strong> အရေးပါသောပုံစံဖြစ်ပါသည်。</h1>

This is really very important.

亲自试一试

语法解释

您应该已经注意到了，子选择器使用了大于号（子结合符）。

子结合符两边可以有空白符，这是可选的。因此，以下写法都没有问题：

h1 > strong
h1> strong
h1 >strong
h1>strong

如果从右向左读，选择器 h1 > strong 可以解释为“选择作为 h1 元素子元素的所有 strong 元素”。

结合后代选择器和子选择器

请看下面这个选择器：

table.company td > p

上面的选择器会选择作为 td 元素子元素的所有 p 元素，这个 td 元素本身从 table 元素继承，该 table 元素有一个包含 company 的 class 属性。