zoukankan      html  css  js  c++  java
  • IE6/IE7不支持firstchild的解决办法

    #sidebar li:first-child{
    border-top-style:none;
    }
    #sidebar li{
    border-top-width:1px;
    border-top-style:solid;
    border-color:#DAD3D0;
    *border-top-style:expression(this.previousSibling==null?"none":"solid");
    }

    代码解析

    *border-top-style:expression(this.previousSibling==null?’none’:"solid’);

    只有IE6和IE7能识别此行代码,第一个值’none’就是first-child的值,第二个值’solid’则是其他元素的值。

    last-child原理相同,代码如下

    #sidebar li:last-child{
    border-bottom-style:none;
    }
    #sidebar li{
    border-bottom-width:1px;
    border-bottom-style:solid;
    border-color:#DAD3D0;
    *border-bottom-style:expression(this.nextSibling==null?"none":"solid");
    }

    原文参考链接:http://www.sjyhome.com/css/ie6-ie7-first-child.html

  • 相关阅读:
    bootstrap
    移动视口,以及适配
    CSS线性渐变
    css之什么是bfc
    css 深入进阶之定位和浮动三栏布局
    webpack 4 技术点记录
    jQuery的学习总结
    jQuery 知识大全
    JS高级进阶
    正则
  • 原文地址:https://www.cnblogs.com/jkingdom/p/8136781.html
Copyright © 2011-2022 走看看