Question

我做错了什么？正如我所理解的，这段代码应该在sideMenu-id后面留下黑色背景，但事实并非如此。为什么呢？

CSS：

/* The side menu */
.bg_ #sidemenu {
    background-color: black;
    height: 20%;
}

.sideMenu li {
    list-style-type: none;
    float: left;
    margin: 0 0 0 20px;
    width: 20%;
    font-size: 100%;
    border: 1px solid black;
    text-align: center;
    letter-spacing: 5px;
    border-radius: 5px;
    color: black;
}

/* Menu buttons */

.btn_ a {
    color: black;
    margin: 5px 5px 5px 5px;
    text-decoration: none;
    display: block;
}

.hover_btn {
    background-color: #CC4545;
}

这是我的代码：http://jsfiddle.net/RBTT8/183/

Answer 1

两个问题：

您的选择器为.bg_ #sidemenu，但它应为.bg_ .sideMenu（您使用的是句号，＃是ID。并且它区分大小写。）
由于列表项已浮动，ul元素将折叠，因此要展开它，请添加overflow：auto;

<强> jsFiddle example

如何在我的＆＃39; li＆＃39;后面制作黑色背景？元素？

1 个答案: