我试图将一些风格化的按钮放在一起，并保留我在外部CSS工作表中使用的类。我的问题是，当我尝试在我的HTML代码中引用该类时，伪类适用，标准类不适用。
我的HTML代码是
<body>
<button class="buttonModifier"></button>
<div class="buttonModifier"></div>
</body>
然后在我的外部.css表中我有：
<style>
.buttonModifier{
background-color:rgba(102,102,102,.6);
height:50px;
width:50px;
border-radius:3px;
background-image:url(images/playerButton.png);
}
.buttonModifier:hover{
background-color:rgba(102,102,102,1);
background-image:url(images/playerButton.png);
}
.buttonModifier:active{
position:relative;
top:1px;
background-color:rgba(102,102,102,.6);
}
</style>
当我转到我的HTML页面时，类.buttonModifier不适用于我指定给该类的HTML元素，但当我鼠标悬停时，“：hover”和“：active”属性仍然适用单击按钮上的或。我认为我的.css表正确链接，因为伪类正在应用，但主类“.buttonModifier”不是。