1

我想为所有跨度从 2-11 索引的 div 添加一个统一的背景。HTML如下：

<html>
<body>
<div class="container-fluid">
    <div class="row-fluid">
        <div class="span1"></div>
        <div id="main_div">    <!--Background starts here !!! -->
    <div class="span2" id="timetable">Timetable</div>
    <div class="span6" id="game_window">Game window</div>
            <div class="span2" id="stuff">Stuff</div>
        </div>                <!--Background ends here !!! -->
        <div class="span1"></div>
    </div><!--row-fluid-->
</div><!--container-fluid-->

假定的背景也标有注释。背景应该是 div#main_div。目前，如果我向 #main_div 添加背景颜色，它会将其设置为所有 span 元素的 bgcolor。

感谢所有帮助。

4

3 回答 3

1

您需要修改 html 以将内部 span 元素包装在一行中。

尝试类似的东西

<div class="container-fluid">
    <div class="row-fluid">
        <div class="span1"></div>
        <div class="span10">
           <div class="row-fluid" id="main_div">    <!--Background start!!! -->
              <div class="span2" id="timetable">Timetable</div>
              <div class="span6" id="game_window">Game window</div>
              <div class="span2" id="stuff">Stuff</div>
           </div>                <!--Background end!!! -->
        </div>
        <div class="span1"></div>
    </div><!--row-fluid-->
</div><!--container-fluid-->

现在，如果您添加背景，它将仅应用于所需的元素。

例如，

#main_div {
   background:orange;
}

在http://jsfiddle.net/YTJub/上查看完整的小提琴

于 2013-09-10T13:39:09.373 回答
0

通过排除坏的应用一个统一的如下：

#main_div :not(.span1, .span12) {background-color:#f00 }

请注意，这些 CSS3 选择器并不适用于所有浏览器，尤其是旧版本的 Internet Explorer 会很乐意忽略它们。

于 2013-09-10T12:48:25.137 回答
0

您不能打开 .CSS 文件并将跨度 2 - 11 类更改为背景为橙色吗？

我相信它在 boostrap.css 中大约下降了一半，如下所示：

.span12 {
width: 940px;
}

只需添加：

 .span12 {
width: 940px;
background-color:orange;
}
于 2013-09-10T13:34:07.717 回答