CODEWITHSUNDEEP
css
Hersh
Hersh

Reputation: 21

Multiple ID whith one rule

I typed this

   #center-1, #center-2, #center-2, #center-3, #center-4,
   #center-5, #center-6, #center-7, #center-8 { float: left; width:360px; }

HTML:

<div id="centerColumn"> 
 <div id="center-1"></div> 
 <div id="center-2"></div> 
 <div id="center-3"></div> 
 <div id="center-4"></div> 
 <div id="center-5"></div> 
 <div id="center-6"></div> 
 <div id="center-7"></div> 
 <div id="center-8"></div> 
</div>

and it doesn't work, why?

Upvotes: 0

Views: 70

Answers (2)

Sergiu
Sergiu

Reputation: 311

your divs do not have any content, that's why they are not visible. to make them visible add at least a &nbsp; into them, or add height/min-height to the css rule

Upvotes: 0

No Results Found
No Results Found

Reputation: 102844

Guessing from your report that it "doesn't work", you're probably just not seeing the divs because there is no content, height, or padding. Add height:10px; or something, and some background - they will show up.

By the way, there's a slightly easier way to write this selector in your case:

/* Select all <div>s in the #centerColumn */
#centerColumn div {
    float: left;
    width:360px;

    /* Test to make divs appear */
    background:#f00;
    height:10px;
    margin:1px;
}

Upvotes: 3

Related Questions