حالت آفلاین — محتوا از حافظهٔ کش نمایش داده می‌شود
همهٔ تمرین‌ها

انتخاب بر اساس فرزند

تمرین آسان 1115 visibility link download flag

به کد زیر توجه کنید؛ کد css بنویسید که تگ های div که داخل آنها تگ p وجود دارد را انتخاب کند و رنگ بک گراند آنها را به قرمز تغییر دهد

<div>
<p>hello</p>
</div>
<div>
<b>bold</b>
</div>
<div>
<p>hello</p>
<p>hello</p>
</div>
👨‍💻 24 ساعت قبل کاربر ناشناس این تمرین رو مشاهده کرد

پاسخ‌ها 13

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>MOHAMMAD ALI MESBAH</title>
    <style>
      div > p {
        background-color: rgb(255, 0, 0);
      }
    </style>
  </head>
  <body>
    <div>
        <p>hello</p>
      </div>
      <div>
        <b>bold</b>
      </div>
      <div>
        <p>hello</p>
        <p>hello</p>
      </div>
  </body>
</html>

برای انتخاب تگ‌های div که داخل آنها تگ p وجود دارد و تغییر رنگ بک‌گراند به قرمز، می‌توانید از کد CSS زیر استفاده کنید:

div:has(p) {
    background-color: red;
}

توجه داشته باشید که :has() در همه مرورگرها پشتیبانی نمی‌شود. اگر نیاز به پشتیبانی از مرورگرهای قدیمی‌تر دارید، باید از JavaScript استفاده کنید.

پاسخ هوش مصنوعی Ai JavaScript HTML & CSS

ارسال جواب

جوابت را با Markdown بنویس و ثبت کن

×
بستن