style css不会影响我使用.php放置的图像

Question

i was puting some company logos in my landing web site which i wantes to use as buttons for the next pages to go in...but first everything was ok. i inserted them through .php and than positioned them in css, and than i tried to make some hover animation and it destroyed it all. than i deleted all the ":hover" codes and everything i added to do that, but now its not as it was. i cant move my pictures to the desired positions. below ill post my .php code and .css as well. please help!!!

<div class="maroonlogo">
    <a href="http://maroon.maroon27.com" target="_blank">
        <img src="http://maroon27.com/wp-content/themes/onesie/images/weblogo.png"/>
    </a>
</div>

<div class="line">
    <img src="http://maroon27.com/wp-content/themes/onesie/images/line.png"/>
</div>

<div class="27logo">
    <a href="http://27.maroon27.com" target="_blank">
        <img src="http://maroon27.com/wp-content/themes/onesie/images/logo.png"/>
    </a>
</div>

CSS

maroonlogo { 
    display: inline; 
    float:right; 
    position:absolute;
    top: 200px;
    left: 350px;
} 

.line {
    display: inline;
    float: right;
    position: absolute;
    top: 180px;
    left: 600px;
} 

.27logo { 
    display: inline;
    float: right; 
    position: absolute; 
    top: 200px; 
    left: 500px; 
}

Answer 1

Suppose if you can't able to change the classname, still we have solution to apply the style for the class "27logo". You need to use special character "\3" for each number like below.

.\32\37logo
{
 background-color:#ff00ff;
 height:200px;
 width:200px;
} 

DEMO