0

IDのCSSファイルクラスを識別するにはどうすればよいですか。

したがって、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 に答える