css样式在id中工作，但在类中不起作用

Question

我正在尝试将某些样式应用于div。这个div在宽度，填充和其他属性方面都是唯一的，但是我的网站中会有许多其他div具有相同的border-radius和opacity样式（但是不同的宽度paddings等）所以我也想使用一个类。我发现如果我列出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);
}