انتخاب یک عنصر با class

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

کد css بنویسید که همه المان های زیر را یکباره انتخاب کند و رنگ پس زمینه آنها را به زرد تغییر دهد


<div id="box" class="yellow"></div>
<div class="yellow"></div>
<div class="yellow mybox"></div>
👨‍💻 2 ساعت قبل کاربر ناشناس این تمرین رو مشاهده کرد
👨‍💻 5 ساعت قبل Somayeh این تمرین رو مشاهده کرد

reply 11

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

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

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

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

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

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

دریافت اشتراک
<!DOCTYPE html>
<html lang="fa" dir="rtl">
<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>
        .yellow{
            background-color: rgb(247, 247, 100);
            color: black;
            width: 50px;
            height: 50px;
            border-radius: 10px;
            margin: 10px;
            padding: 10px;
            font-size: 18px;
        }
    </style>
</head>
<body>
    <div class="yellow">s</div>
    <div class="yellow">w</div>
    <div class="yellow mybox">r</div>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>CSS train</title>
   <style>
    div.a{
      background-color: rgb(186, 216, 241);
      width: 400px;
      height: 250px;
      border: 2px solid#f31111;
      border-radius: 50px;
      margin: 170px;
      box-sizing: border-box;
      box-shadow: 7px -7px 10px #7d8676;
    }
     div.yellow{

      background-color: rgba(255, 255, 0, 0.771);
      width: 300px;
      height: 30px;
      border: 2px solid#f31111;
      border-radius: 50px;
      font-size: 2.5vw;
      font-weight: 900;
      padding: 10px;
      margin: 10px;
      margin-left: 30px;
      margin-top: 20px;
      text-align: center;
      text-shadow: 7px 5px 5px #f31111;

     }
   </style>

</head>
  <body style="background-color: lightgray;">
      <div class="a">
            <div id="box" class="yellow">باکس اول</div>
          <div class="yellow">باکس دوم</div>
          <div class="yellow">باکس سوم</div>
      </div>

  </body>
</html>
<!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>
    .yellow{
      background-color: yellow;
      width: 100px;
      height: 100px;
    }
  </style>
</head>
<body>
  <br>
  <div id="box" class="yellow"></div> <br>
  <div class="yellow"></div> <br>
  <div class="yellow"></div>
</body>
</html>
<< صفحه قبل 1 2 صفحه بعد >>

ارسال جواب

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

×
بستن