html - CSS Pseudo Classes apply with external CSS, Regular class won't -


i'm attempting stylized buttons together, , keep classes i'm using in external css sheet. problem when attempt reference class in html code, pseudo classes apply , standard class not.

my html code is

<body>       <button class="buttonmodifier"></button>       <div class="buttonmodifier"></div> </body> 

and within external .css sheet have:

<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> 

when go html page, class .buttonmodifier isn't applying html elements specified class, yet ":hover" , ":active" properties still apply when mouse-over or click on or on button. think .css sheet linked correctly, pseudo classes applying, yet main class ".buttonmodifier" isn't.


Comments

Popular posts from this blog

My HTML document is not linking to my CSS stylesheet properly -

php array slice every 2th rule -

node.js - Sending sockets to client side, Error: Converting circular structure to JSON -