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

来源:3-1 公共头部和尾部

weibo_苏打小Q_0

2017-08-17 11:32

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


写回答 关注

1回答

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

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

    qq_慕哥0...

    我也是这个问题

    2023-04-30 23:39:31

    共 1 条回复 >

从 psd 到 html

教你把PSD设计稿转化成HTML,用案例来讲解基本流程

105471 学习 · 410 问题

查看课程

相似问题