cssblog.ir logo
S

child

انتخاب‌گر فرزندان یک عنصر در CSS

در CSS این امکان وجود دارد که عناصر را از طریق روابط والد و فرزندی آنها انتخاب نمود

در بسیاری از مواقع در هنگام توسعه یک وبسایت ما می‌خواهیم عناصری را انتخاب کنیم که داخل یک عنصر دیگر هستند. برای انجام چنین کاری ما از کارکتر فاصله (space) استفاده می‌کنیم. نحوه انجام کار به این شکل است که ابتدا سلکتور مربوط به عنصر کلی‌تر (که می تواند به هر شکلی مانند تگ، آیدی و کلاس و …) باشد را می‌نویسیم و سپس یک کارکتر فاصله (space) و بعد از آن سلکتور قسمت جزئی (که می تواند به هر شکلی باشد) را وارد می کنیم.

مثال ها

۱- انتخاب پاراگراف هایی که داخل کلاس مقاله است

.article p {
	
}

۲- انتخاب کلاس title که داخل کلاس مقاله است

.article .title {
	
}

۳- انتخاب h1 هایی که داخل تگ section هستند

section h1 {
	
}

۴- انتخاب کلاس title که داخل آیدی header است

#header .title {
	
}

5- انتخاب li هایی که داخل ul هایی هستند که داخل کلاس مقاله قرار دارند

.article ul li {
	
}

درباره نحوه انتخاب فرزند مستقیم می توانید در اینجا بخوانید.

دیدگاه کاربران

تاکنون <% totalComments %> دیدگاه برای این مطلب ثبت شده است.

تاکنون دیدگاهی ثبت نشده است. شما می توانید اولین شخصی باشید که دیدگاه خود را ارسال می کند

<% errorMessage %>

<% comment.name %>

avatar
<% comment.comment_replies.length %> پاسخ برای این دیدگاه ثبت شده است

<% reply.name %>

avatar

ارسال دیدگاه جدید

برای ارسال دیدگاه یا پرسش جدید از طریق فرم زیر اقدام کنید.

ارائه پاسخ به دیدگاه

شما در حال پاسخ دادن به دیدگاه «<% replyComment.name %>» هستید. انصراف از پاسخ

  • <% s %>
  • <% e %>

نکاتی درباره دیدگاه ها

  1. برای حذف کپچا (عبارت امنیتی) وارد اکانت خود شوید
  2. شما می توانید از markdown داخل کامنت خود استفاده کنید (اطلاعات بیشتر)
  3. دیدگاه ها قبل از نمایش نیازمند تائید می باشند