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

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

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

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

reply 12

visibility 
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

index.html:

<!DOCTYPE html>
<html lang='fa'>
<head>
  <meta charset='utf-8'>
  <meta name='viewport' content='width=device-width, initial-scale=1'>
  <title>انتخاب عنصر داخل یک عنصر دیگه</title>
  <link rel='stylesheet' href='style.css'>
</head>
<body>
  <span>...</span>
  <div>
    <span>...</span>
  </div>
  <div>
    <p>.<span>.</span>.</p>
  </div>
</body>
</html>

style.css:

div > span{
    color: red;
}
Amirabbas.jafarian 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 
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>

  <style>
    div>span{
        background-color: red;
    }
  </style>
</head>
<body>
  <div>
    <span>bg red</span>
  </div>
  <div>
    <p>no bg</p>
  </div>
</body>
</html>
Amirmh HTML & CSS 
div span{
    color:#ff0000;
}
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 > span{
    color: red;
    background-color: blanchedalmond;
    display: inline-block;
    width: 220px;
    padding: 10px;
    margin-top: 10px;
    border-radius: 20px;
    text-shadow: 0 0 8px black;
    box-shadow: 0 0 20px black;
   }
   div > span:hover{
    background-color: rgb(219, 211, 211);
    color: white;
   }
  </style>
</head>
<body>

  <div>
    mama mia...<span>heyyyy</span><br>
    <span>hey yooooo</span>
    <section>
      <p>hi babe!</p>
      <span>this is the end.</span>
    </section>
    <span>hold your breath and count to 10.</span>
    <p>from Adele</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 > 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
<< صفحه قبل 1 2 صفحه بعد >>

ارسال جواب

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

×

حساب کاربری

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

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