Question

我的CSS无效，我认为它与选择级别有关。我有div嵌套在其他div中，所以我如何应用CSS（即如何正确选择，以便应用CSS）。这是代码：

<div>
    <div id="wrapper">
        <div id="page">
            <div id="content">
                <div id="navcontainer">
                    <ul>
                        <li>
                            <asp:LinkButton ID="LinkButton1" runat="server" OnClick="lbtnHome_Click" CausesValidation="false">Home</asp:LinkButton>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

所以我的问题是，如何使用id navcontainer将CSS应用于div？目前，这就是我在CSS中的内容：

#navcontainer ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
}
#navcontainer ul li {
    display: inline;
}
#navcontainer ul li a {
    text-decoration: none;
    padding: .2em 1em;
    color: #fff;
    background-color: #036;
}

并且未应用CSS。我是否必须应用特定选择，如果是，如何？

Answer 1

要通过id将样式应用于div，您可以执行以下操作：

＆＃13;

#navcontainer ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
}
#navcontainer ul li {
    display: inline;
}
#navcontainer {
    text-decoration: none;
    padding: .2em 1em;
    color: #fff;
    background-color: #036;
}

＆＃13;

<div>
    <div id="wrapper">
        <div id="page">
            <div id="content">
                <div id="navcontainer">
                    <ul>
                        <li>
                            <asp:LinkButton ID="LinkButton1" runat="server" OnClick="lbtnHome_Click" CausesValidation="false">Home</asp:LinkButton>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

＆＃13;

这里是Fiddle

这是你正在寻找的吗？

由于选择，CSS无法正常工作

1 个答案: