html - css スタイルは id では機能しますが、クラスでは機能しません

Question

特定のスタイルを div に適用しようとしています。この div は、幅、パディング、およびその他の属性が一意になりますが、私のサイトには、同じ境界半径と不透明度スタイル (ただし、幅のパディングなどは異なる) を持つ他の多くの div があるため、クラスも使用したいと考えています。すべての属性を div id の下にリストすると完全に機能しますが、一部を #selector の下にリストし、その他を .selector の下にリストすると、クラス セレクター スタイルが適用されません。理由を知りたいです。このようにできないことですか、それとも私のコードのエラーですか?

ありがとうございました！！

動作しないコードは次のとおりです。

HTML:

<section id="container">
    <div id="gallery" class="outline">this is my problem div</div>
</section>

CSS:

div#gallery {
display:inline-block;
margin:0 auto;
max-width:100%;
text-align:center;
width:100%;

}

.outline {
background: #212121;
-moz-border-radius:0.5em;
-webkit-border-radius:0.5em;
border-radius:0.5em;
opacity:0.75;
filter:alpha(opacity=7.5);
}