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

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

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


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

reply 11

این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است
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 صفحه بعد >>

reply ارسال جواب

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

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

×
بستن