问答详情
源自:3-1 公共头部和尾部

footer部分的老师建议的last-child没有实现效果

.public-footer{
    height:218px;
    background: #3b3b3b;
    padding:100px;
}
.public-footer .footer-col{
  width:230px;
    float:left;
    margin-right:68px;
    font-size:16px;
    color:#fff;
    line-height:1.8;
}
.public-footer .footer-col:last-child{
    margin-right: 0;
}
.public-footer .footer-logo{
    width: 182px;
    height: 54px;
    margin-top:-10px;
    background:url("../image/header.logo.png");
}
<div class=" public-footer">
    <div class="public-container">
        <div class="footer-col"><p>New York Restaurant<br/>3926 Anmoore Road<br/>New York,NY10014<br/>
        <a href="Tel:718-749-1714">718-749-1714</a>
        </p>
        </div>
        <div class="footer-col"><p>France Restaurant<br/>68,rue de la Couronne<br/>75002 PARIS<br/>
            02.94.23.69.56
        </p>
        </div>
        <div class="footer-col"><p>Blog<br/>Careers<br/>Privacy Policy<br/>Contact
        </p>
        </div>
        <div class="footer-col">
            <div class="footer-logo"></div>
            <div class="footer-info">@ All Rights Reserved 2014<br/>Find More at Pixelhint.com</div>
        </div>


提问者:weibo_苏打小Q_0 2017-08-17 11:32

个回答

  • qq_挂念好友_03781722
    2017-08-17 11:41:14

    可以用浏览器的开发者工具看一下样式有没有应用上,也可以直接在那里修改下,看看有没有效果。