0

如何在我的 CSS 文件类中识别 id。

所以在我的 html 文件中,我创建了一个基本的标签和文本框。

<div id="User">
    <div>
        <div class="left">
            <asp:Label ID="Label1" runat="server" Text="User Name"></asp:Label>
        </div>
        <div class="right">
            <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        </div>
    </div>
</div>

但是我如何在我的 CSS 文件中访问左右类,这就是我所拥有的。

#User
{
    .left {
        width: 30%;
        float: left;
        text-align: right;
    }
    .right {
        width: 65%;
        margin-left: 10px;
        float:left;
    }
}
4

3 回答 3

3

不要像那样嵌套你的选择器。这应该工作

#User .left {
  width: 30%;
  float: left;
  text-align: right;
}
#User .right {
  width: 65%;
  margin-left: 10px;
  float:left;
}
于 2012-11-28T02:34:44.143 回答
1

您不需要#User 部分。以下就足够了

.left 
{
 width: 30%;
 float: left;
 text-align: right;
}

.right 
{
 width: 65%;
 margin-left: 10px;
 float:left;
}

添加#User 部分的唯一原因是区分可能具有 .left 和 .right 类的其他 div,例如,如果你想这样做,那么你会去

#User .left {  background-color: blue; }
#User .right { /** CSS Code in here **/ }

<div id="User">
    <div class="left">Testing Left</div>
    <div class="right">Testing Right</div>
</div>
<br />
<br />
<div id="User2">
    <div class="left">Testing Left2</div>
    <div class="right">Testing Right2</div>
</div>

在这种情况下,只有第一个 .left 将具有蓝色背景。

于 2012-11-28T02:33:06.413 回答
0
#user.left and #user.right 

应该管用。你可以对像 td.left 这样的标签做同样的事情,它只会针对左类的 td 元素。

编辑:是的,不要像 MVCKarl 所说的那样嵌套

于 2012-11-28T02:34:45.763 回答