Question

我输入了这个

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

它不起作用，为什么？

Answer 1

从您的报告中猜测它“不起作用”，您可能只是看到 div，因为没有内容，高度或填充。添加height:10px;或其他内容，以及一些背景 - they will show up。

顺便说一下，在你的情况下有一个slightly easier way来编写这个选择器：

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

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

Answer 2

你的div没有任何内容，这就是为什么它们不可见。使它们可见至少添加 ，或者为css规则添加高度/最小高度

具有一个规则的多个ID

2 个答案: