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

تمرین آسان 863 visibility link download

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

<div>
<p>hello</p>
</div>
<div>
<b>bold</b>
</div>
<div>
<p>hello</p>
<p>hello</p>
</div>

reply 11

این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است
let msg = 'error'
alert(msg)
این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است

برای مشاهده این جواب باید اشتراک داشته باشی

دریافت اشتراک
Unun..ali..nunu HTML & CSS
این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است
let msg = 'error'
alert(msg)
این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است

برای مشاهده این جواب باید اشتراک داشته باشی

دریافت اشتراک
Programmer HTML & CSS
این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است
let msg = 'error'
alert(msg)
این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است

برای مشاهده این جواب باید اشتراک داشته باشی

دریافت اشتراک
Hadi.jalooli HTML & CSS 
<!DOCTYPE html>
<html>
<head>
    <title>FORM</title>
    <link rel="stylesheet" href="project.css" type="text/css">
</head>
<body>
    <div>
        <p>hello</p>
      </div>
      <div>
        <b>bold</b>
      </div>
      <div>
        <p>hello</p>
        <p>hello</p>
      </div> 
</body>
</html>
<!--css-->
*{
    padding: 0px;
    margin: 0xp;
    font-style: italic;
    box-sizing: border-box;
}
div > p{
    color: red;
}
Mohammad.mahdi88 HTML & CSS 
div p{
    background-color:red;
}
Zaras HTML & CSS 
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Training</title>
  <style>
   div > p{
    background-color: red;
    width: 150px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-style: italic;
    border-radius: 20px;
    padding: 8px;
  }
  p:hover{
    background-color: black;
    color: red;
  }
  </style>
</head>
<body>

  <div>
    <p>hello hahahaha</p>
  </div>
  <div>
    <b>bold as f</b>
  </div>
  <div>
    <p>hello tala</p>
    <p>hello khargoosh</p>
  </div>

</body>
</html>
Mhrshad.jfri HTML & CSS 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>انتخاب بر اساس فرزند</title>
    <style>
        div p{
            background-color: red;
            color: white;
        }
    </style>
</head>
<body>
    <div>
        <p>hello</p>
      </div>
      <div>
        <b>bold</b>
      </div>
      <div>
        <p>hello</p>
        <p>hello</p>
    </div>
</body>
</html>
F.sarli HTML & CSS 
<!DOCTYPE html>
<html lang="en";>
<head>
<meta charset="UTF-8">
<meta name="viewport " content="width=device-width,intial-scale=1.0">
<title> box</title>
<style>
div>p{
    background-color: red;
}
div{
    background-color: aqua;
}
</style> 
</head>
<body>
<div >
<p>dfghjk</p>
</div>
<div>
    cfghjkl</div>
</body>
</html>
Maryam.n HTML & CSS 
div:has(p) {
    background-color: red;
}
Mma123 HTML & CSS 
<!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>
M.a.mesbah HTML & CSS
<< صفحه قبل 1 2 صفحه بعد >>

reply ارسال جواب

  • قبل از ارسال جواب ویدیو زیر رو ببین تا کار کردن با markdown رو یاد بگیری
  • لطفا جواب های تکراری ارسال نکن
  • در متن جواب اطلاعات شخصی شامل ایمیل و شماره موبایل و آی دی و... ننویس
  • سعی کن داخل کدت از کلمات فارسی یا فینگلیش (فارسی با حروف انگلیسی) استفاده نکنی و کدت تماما انگلیسی باشه
  • لطفا داخل جواب از ایموجی یا کاراکترهای خاص استفاده نکن
  • ارسال جواب حق مادی یا معنوی برای ارسال کننده ایجاد نمیکند و تمام حقوق برای سایت کدبزن محفوظ است

راهنمای ارسال جواب 👇

×

حساب کاربری

برای استفاده از این بخش باید وارد حساب کاربریت بشی

ورود/ثبت نام
بستن