如何應用css輸入最後一個孩子？

對不起，如果我的帖子重複。我找不到解決方案。我有包含2個ASPXButton的div標籤。運行代碼時，它會輸入input [type =「submit」]標記。輸入標籤的第一個工作正常，最後一個輸入標籤不能繼承css。這裏是我的代碼：如何應用css輸入最後一個孩子？

ASPX

<div class="loginButton"> 
    <div style="float:left; margin-left:-9px;"> 
     <input type="checkbox" id="on_off" name="remember" class="on_off_checkbox" value="1" /> 
     <span class="f_help">Remember me</span> 
    </div> 
    <div class=" pull-right" style="margin-right:-8px;"> 
     <div class="btn-group"> 
     <dx:ASPxButton AutoPostBack="false" ID="but_login" CssClass="btn" Native="true" EnableDefaultAppearance="false" runat="server" Text="Login"> 
     </dx:ASPxButton> 
     <dx:ASPxButton ID="forgetpass" CssClass="btn" Native="true" EnableDefaultAppearance="false" runat="server" Text="Forget Pass"></dx:ASPxButton> 
     </div> 
    </div> 
    <div class="clear"></div> 
</div>

CSS

.btn-group > .btn.large:first-child { 
    margin-left: 0; 
    -webkit-border-bottom-left-radius: 6px; 
      border-bottom-left-radius: 6px; 
    -webkit-border-top-left-radius: 6px; 
      border-top-left-radius: 6px; 
    -moz-border-radius-bottomleft: 6px; 
    -moz-border-radius-topleft: 6px; 
} 

.btn-group > .btn.large:last-child, 
.btn-group > .large.dropdown-toggle { 
    -webkit-border-top-right-radius: 6px; 
      border-top-right-radius: 6px; 
    -webkit-border-bottom-right-radius: 6px; 
      border-bottom-right-radius: 6px; 
    -moz-border-radius-topright: 6px; 
    -moz-border-radius-bottomright: 6px; 
}

那麼，什麼是錯在我的代碼？

來源

2013-06-29 The Hung

您在CSS中的類與Asp代碼中的類不匹配。

來源

2013-06-29 09:14:09 Agares

請我編輯的代碼。謝謝:) –

現在你使用內聯樣式（這通常不好，它可能會讓你的代碼隨着時間的推移變得不可讀）。我會建議你將所有的樣式移動到CSS文件。 – Agares

CssClass =「btn」不大也不下拉切換？ –

試試這個

<style type="text/css"> 
    .btn-group > .btn:first-child 
    { 
     margin-left: 0; 
     -webkit-border-bottom-left-radius: 6px; 
     border-bottom-left-radius: 6px; 
     -webkit-border-top-left-radius: 6px; 
     border-top-left-radius: 6px; 
     -moz-border-radius-bottomleft: 6px; 
     -moz-border-radius-topleft: 6px; 
    } 

    .btn-group > .btn:last-child 
    { 
     -webkit-border-top-right-radius: 6px; 
     border-top-right-radius: 6px; 
     -webkit-border-bottom-right-radius: 6px; 
     border-bottom-right-radius: 6px; 
     -moz-border-radius-topright: 6px; 
     -moz-border-radius-bottomright: 6px; 
    } 
</style>

來源

2013-06-29 09:53:09

我試過但沒有工作。 –

添加多一個的CssClass到第二格如。

<dx:ASPxButton ID="forgetpass" CssClass="btn newClass" Native="true" EnableDefaultAppearance="false" runat="server" Text="Forget Pass"></dx:ASPxButton>

，然後添加在CSS

.newClass 
{ 
//your code 
}

來源

2013-06-29 10:33:52

我認爲這不是好方法 –

如何應用css輸入最後一個孩子？

回答

相關問題