设计师推荐装备
› WACOM 数位板
推荐阅读
› 版式设计基础教程 by 南云治嘉
› 版式设计全攻略 by 佐佐木刚士
OnlyBlue
V2EX  ›  设计师

一个诡异的CSS问题

  •  
  •   OnlyBlue · Nov 20, 2011 · 11378 views
    This topic created in 5466 days ago, the information mentioned may be changed or developed.
    网页上一个元素,我用Firebug定位是:

    .profile .tags

    然后我就写了CSS代码:

    .profile .tags {
    display: none;
    }

    在IE9下测试,这个区块消失了,达到预期效果。

    可是奇怪的是,在Firefox 7.0 和 Firefox 3.6下,这个区块依然显示。

    这会是什么问题呢?
    8 replies  •  1970-01-01 08:00:00 +08:00
    westdrug
    westdrug
    Feb 10, 2012
    1
    写个公共 .undis{display:none;} 加在目标class中 。
    kamal
    kamal
    Feb 10, 2012
    2
    连Firebug都用上了啊?
    这会是什么问题呢?
    linnchord
    linnchord
    Feb 10, 2012
    3
    有优先级更高的覆盖了,firebug下应该能查看是什么定义覆盖了。
    clowwindy
    clowwindy
    Feb 12, 2012❤️1
    4
    这样的问题没有具体代码就只能猜常见原因了。而常见原因有很多。
    推荐个网站,求助html css js相关问题的时候可以把能重现问题的代码贴上去,便于解答:

    http://jsfiddle.net/
    qiuai
    qiuai
    Feb 12, 2012
    5
    最好是能做个简单的测试页面出来吧...
    要不然还真不好测试.
    bladecamper
    bladecamper
    Feb 12, 2012
    6
    别忘记检查下页面文件和CSS文件编码是否一致。
    turing
    turing
    Apr 24, 2012
    7
    不知道lz指的是否是Multiple Classes或称subset class selector:

    如果你网页上的元素如div 有两个类:.profile .tags即<div class="profile tags">

    可以采用 Multiple Classes 选择符选择到仅匹配带有这两个类的元素,写法是:

    .classA.classB { /* write some cool stuff */ } (中间不留空格)

    但很杯具的是,ie6不支持这种选择器(我想这可能是一种高级选择器的实现方式,例如div[class~=value]),所以请尽量在开发环境中避免使用这种选择器写法。至于firefox,应当很早就支持了这种写法
    benzhe
    benzhe
    Apr 24, 2012
    8
    在firebug的“HTML”右侧“样式”栏,看是否找到你写的 .profile .tags { ... } 样式,如果没有,则有可能如 @bladecamper 所说是 css 或 html 文件编码的问题,要用合适的编辑器修改编码;如果有,则看是否已经无效,即有被一条删除线划去,如果有,则可能是优先级问题,可以尝试提高优先级如 div.profile div.tags { ... }

    写得太罗嗦了
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   827 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 43ms · UTC 18:25 · PVG 02:25 · LAX 10:25 · JFK 13:25
    ♥ Do have faith in what you're doing.