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

    越努力,越幸运!
  • 相关阅读:
    hbase java api
    hbase
    误删/usr文件夹解决办法
    死锁问题 代码示例
    H2O 生成 多线程并发控制 Semaphore
    多线程 打印零与奇偶数
    多线程交替打印 采用Semaphore
    多线程按顺序执行
    判断回文数
    整数反转
  • 原文地址:https://www.cnblogs.com/hubbert123/p/6748434.html
Copyright © 2011-2022 走看看