CSS改变链接的颜色和背景色

<ul>

       <li id="wpub"><a href=#><strong>Publish</strong> thoughts</a></li>

       <li id="wcon"><a href=#><strong>Get</strong> feedback</a></li>

       <li id="wshr"><a href=#><strong>Post</strong> photos</a></li>

       <li id="wpst"><a href=#><strong>Go</strong> mobile</a></li>

 </ul>

CSS:

------------------

ul

{

    list-style:none;

    margin:0px;

    padding:0px;

}

ul li

{

    float:left;

    margin:0px;

    padding:0px;

}

ul li a

{

    color:#777;

    display:block;

    padding:80px 10px 5px;

    text-align:center;

    text-decoration:none;

    width:75px;

}

ul li a strong

{

    color: #000;

    font-size:larger;

    display:block;

}

ul li#wpub a:hover,

ul li#wcon a:hover,

ul li#wshr a:hover,

ul li#wpst a:hover

{

    background-color:#f8f2ed;

}

ul li a:hover

{

    color:#000;

}