Css class selector

Question

I want to select a div whose class = "c" & id = "i" :

 .c
 {
   color: red;
   border:1px;
   font-size:25px;
   background-color: yellow;
   width:200px;
 }

 <div id="i" class="c">change</div>

now how can i change only the width from class="c" properties for this div?

do you need answer only using css or using jquery also no problem — Valli69
– Valli69, Commented May 29, 2012 at 7:21

Makram Saleh · Accepted Answer · 2012-05-29 07:14:15Z

3

You can do something like this:

.c#i { width:400px }

This changes the width of the div with class c AND id i

answered May 29, 2012 at 7:14

Makram Saleh

8,6814 gold badges30 silver badges44 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sarfraz · Accepted Answer · 2012-05-29 07:14:12Z

1

now how can i change only the width from class="c" properties for this div?

To select a div with class c:

div.c {width: yourValue;}

To change a div with class c AND id i:

.c#i {width: yourValue;}

answered May 29, 2012 at 7:14

Sarfraz

384k81 gold badges561 silver badges613 bronze badges

Rohit Azad Malik · Accepted Answer · 2012-05-29 07:18:52Z

1

Hey you can do this

#i.c{
width:xxx; //your value
}

answered May 29, 2012 at 7:18

Rohit Azad Malik

32.3k17 gold badges72 silver badges100 bronze badges