CodeSolved

Solved Programming Questions & Exercises

Select an element with class

Practice Easy Download

629 Views

Front-End

CSS code to select all the following elements at once and change their background color to yellow

<div id = "box" class = "yellow"> </V>

<div class = "yellow"> </V>

<div class = "yellow mybox"> </V>

9 Answers

.yellow {background: yellow;}

Unun..ali..nunu

U

Download

<!DOCTYPE html>
<html dir="rtl">
<head>
   <meta charset="UTF-8">
   <meta name="viewport"content="width=device.width, initial-scale=1.0">
  <title> رنگ</title>
  </head>
  <style>
    div{
      background-color: yellow
    }
  </style>
<body>
  <div id="box" class="yellow">رضا</div>
  <div class="yellow">هادی</div>
  <div class="yellow mybox">هوشنگ</div> 
</body>
</html>

Hadi.jalooli

H

Download

<!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>
        #box , .yellow , .mybox {
            background-color: yellow;
            width: 100px;
            height: 100px;
            border-radius: 15px;
            margin: 10px;
        }
    </style>
</head>
<body>
    <div id="box" class="yellow"></div>
    <div class="yellow"></div>
    <div class="yellow mybox"></div>
</body>
</html>

Nima1393

N

Download

#box, .yellow, .mybox {
    background-color: yellow;
}

Ai

A

Download

<!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>

F.sarli

F

Download

* {  color: yellow
}

User 2509

2

Download

#box,
.yellow {
    background-color: yellow; # Background color change to yellow
}

Mma123

M

Download

<!DOCTYPE html>
<html>
  <head>
    <style>
      div.yellow{
        background-color: yellow;
      }
    </style>
  </head>
  <body>
    <div id="box" class="yellow">hello</div>
    <div class="yellow">im</div>
    <div class="yellow mybox">RezaNajafiane</div>
  </body>
</html>

Programmer

P

Download

div{
  background-color: yellow;
}

Shahroozchegini

S

Download

Saying using Class Programmer P

Submit answer

Submitting answers is currently unavailable.

×

Close