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);
}