انتخاب بچه های مستقیم (Direct Children) از یک نوع خاص (مثلا همه بچه های مستقیمی (Direct Children) که تگ span می باشند)، با علامت < ، در CSS
فرض کنید که یک یا چند عنصر از صفحه (HTML) را در نظر گرفته ایم و اکنون می خواهیم بچه های مستقیمی (Direct Children) از آنها را انتخاب نماییم که از یک نوع خاص باشند (مثلا همه بچه های مستقیمی (Direct Children) که تگ span می باشند).
برای این منظور، می توانیم از علامت
>
استفاده نماییم.
به عنوان مثال، فرض کنید که عنصرهایی که دارای کلاس
my_class
می باشند را در نظر گرفته ایم و می خواهیم که تمامی بچه های مستقیم (Direct Children) آنها که تگ span می باشند را انتخاب نماییم. بنابراین کد CSS زیر را می نویسیم :
به مثال زیر توجه کنید :
کد کامل صفحه HTML :
نتیجه :
کد کامل صفحه HTML :