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

برای این منظور، می توانیم از علامت > استفاده نماییم.

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

به مثال زیر توجه کنید :