zoukankan      html  css  js  c++  java
  • CSS调试技巧:a.class 与 a .class的区别,千万不能小看空格

    使用图片精灵技术进行图片定位时会出现这个问题,有时候一个空格会导致很多问题

    第一组

    <a href="#"><span class="ico-manage">管理</span></a>

    使用样式一:

    a:hover{color:black}
    a:hover.ico-manage{color:red;}

    此时鼠标经过”管理“2字,颜色为黑色

    使用样式二:

    a:hover{color:black}
    a:hover .ico-manage{color:red;} //注意空格

    此时鼠标经过”管理“2字,颜色为红色


    第二组

    <a href="#" class="ico-manage">管理</a>

    使用样式一:

    a:hover{color:black}
    a:hover.ico-manage{color:red;}

    此时鼠标经过”管理“2字,颜色为红色

    使用样式二:

    a:hover{color:black}
    a:hover .ico-manage{color:red;} //注意空格

    此时鼠标经过”管理“2字,颜色为黑色

    对于第一组的a与.ico-manage, .ico-manage属于span标签的,与a不同级;而对于第二组的a与.ico-manage, .ico-manage属于a标签的,即是与a同级,由此可得出一个结论:

    1.当class为当前标签中一个属性时,则样式写为:标签+class名

    2.当class为子标签的一个属性时,则样式写为:标签+空格+class名

    原文地址:http://www.cnblogs.com/PeunZhang/archive/2012/05/08/2489156.html

    越努力,越幸运!
  • 相关阅读:
    团队冲刺第四天
    团队冲刺第三天
    团队冲刺第二天
    冲刺(六)
    冲刺(五)
    冲刺(四)
    冲刺(三)
    冲刺(二)
    冲刺(一 )
    第一阶段SCRUM
  • 原文地址:https://www.cnblogs.com/hubbert123/p/6748434.html
Copyright © 2011-2022 走看看