انتخاب عنصر داخل یک عنصر دیگه

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

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

👨‍💻 18 ساعت قبل User 4348 این تمرین رو مشاهده کرد

reply 8 

div > span
{
  color: red;
}
Unun..ali..nunu HTML & CSS 
div > span {
  color: red;
}
Ai HTML & CSS 
<!DOCTYPE html> 
<html> 
  <head>
    <style>
      div > span{
        color:red;
      }
    </style>
  </head>
  <body>
    <div>
      <span>
        yes
      </span>
      <p>
        no
      </p>
    </div>
  </body>
</html>
Programmer HTML & CSS 
<!DOCTYPE html>
<html dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>span تگ </title>
    <style>
        div > span {
            color: red; }
    </style>
</head>
<body>
    <div><span>This text will be red.</span>
        <div>         
         </div><span>This text will also be red.</span>
        </div>
         <span>This text will not be red.</span>
</body>
</html>
Hadi.jalooli HTML & CSS 
div span{
    color:#ff0000;
}
Zaras 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 > span{
            color: red;
            font-size: 20px;
        }
    </style>
</head>
<body>
    <div>
        <span>a</span>
        <div>
            <span>b</span>
        </div>
        <span>c</span>
    </div>
</body>
</html>
F.sarli HTML & CSS 
div > span {
    color: red; /* تغییر رنگ متن به قرمز */
}
Mma123 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>span{
    background-color: red;
}
div{
    background-color: aqua;
}
</style> 
</head>
<body>
<div >
<span>ghjkl</span>
</div>
<div>
    cfghjkl</div>
</body>
</html>
Maryam.n HTML & CSS

reply ارسال جواب

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

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

×

حساب کاربری

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

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