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
Post a Comment