マスターページにCSSのプロパティが表示されないのはなぜですか？

Question

私は今、私はマスターページを持っていると、コンテンツプレースホルダの内側に、私はdivタグを持って、私はその具体的な内容を記述している。この

のように見える非マスターページ上のボタンを持っていますページは、そのタグ内のボタンは、彼らが同じCSSプロパティを持っていますが、それらはマスターページ1に表示文句を言わない今、この

のように見え、ここではdivタグのコードとボタンがある

.container-div 
{ 
    position:absolute; 
    padding-top:8%; 
    padding-left:10%; 
    padding-right:10%; 
    max-height:80%; 
    z-index:0; 
    font-family:Calibri; 

} 

#buttons { 
    position:absolute; 
    display: inline-block; 
    padding: 6px 12px; 
    margin-bottom: 0; 
    font-size: 14px; 
    font-weight: normal; 
    line-height: 1.428571429; 
    text-align: center; 
    white-space: nowrap; 
    border: 1px solid transparent; 
    border-radius: 4px; 
    cursor:pointer; 
    z-index:20; 
} 

#buttons:hover { 
    background-color:cadetblue; 
} 

、これはいくつかのコンパイラは、同じidで複数の要素を解析して苦労しており、IDはユニークでなければならないHTMLコード

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server"> 

<div id="placeHolderDiv" class="container-div" runat="server"> 

    <asp:Button id="buttons" runat="server" Text="Cancel" CssClass="buttons" OnClick="cancel"/> 


</div> 

Answer 1

変更CSSクラスのCSSセレクタに

変更はIDが正確にボタンになります生成されますが、IDプレップエンドがあるだろう。あなたはソースでチェックインすることができます。

.buttons { 
    position:absolute; 
    display: inline-block; 
    padding: 6px 12px; 
    margin-bottom: 0; 
    font-size: 14px; 
    font-weight: normal; 
    line-height: 1.428571429; 
    text-align: center; 
    white-space: nowrap; 
    border: 1px solid transparent; 
    border-radius: 4px; 
    cursor:pointer; 
    z-index:20; 
} 

.buttons:hover { 
    background-color:cadetblue; 
} 

Answer 2

あります。 「クラス=ボタン」とあるので、マスターページの下.buttons へ#buttonsから.buttons{};