V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Can I use?
http://caniuse.com/
Less
http://lesscss.org
Cool Libraries
Bootstrap from Twitter
Jetstrap
FFLY
V2EX  ›  CSS

请教一个 CSS 的问题

  •  
  •   FFLY · 2015-11-05 13:57:16 +08:00 · 3361 次点击
    这是一个创建于 3304 天前的主题,其中的信息可能已经有所发展或是发生改变。

    因为某些原因,需要在不修改 HTML 代码的情况下,隐藏 lang_01 ,但是一直没有找到好的方法。

    <div id="a">
        <p>
            <a href="javascript:;" onclick="showWindow('b', 'c.php?id=d:e&f;123456789')">
                <font color="red">lang_01</font>
            </a>
        </p>
    </div>
    
    15 条回复    2015-11-05 22:02:03 +08:00
    Biwood
        1
    Biwood  
       2015-11-05 14:00:12 +08:00   ❤️ 1
    #a a>font[color='red'] { dispaly:none; }
    acthtml
        2
    acthtml  
       2015-11-05 14:01:08 +08:00
    font{text-indent:-999999em;}
    rokeyzki
        3
    rokeyzki  
       2015-11-05 14:02:48 +08:00   ❤️ 1
    #a a>font[color='red'] {visibility:hidden; }

    楼下继续
    arnofeng
        4
    arnofeng  
       2015-11-05 14:03:20 +08:00 via Android   ❤️ 1
    #a>p> a>font[color='red'] { dispaly:none; }
    kokdemo
        5
    kokdemo  
       2015-11-05 14:07:57 +08:00   ❤️ 1
    #a>p> a>font[color='red'] { opacity:0; }
    FFLY
        6
    FFLY  
    OP
       2015-11-05 14:08:23 +08:00
    @Biwood @rokeyzki @arnofeng 谢谢!有没有办法对<a>这个标签更精确一点,这个 div 里还有其它类似的<a>和<font>存在,感觉会有问题。
    bzw875
        7
    bzw875  
       2015-11-05 14:09:22 +08:00
    #a>p>a>font { color: transparent; }
    #a>p>a>font { color: #fff; }
    arnofeng
        8
    arnofeng  
       2015-11-05 14:13:20 +08:00 via Android
    @FFLY 我那个已经很精确了 除非 还有和它并列的 red font
    Biwood
        9
    Biwood  
       2015-11-05 14:18:18 +08:00
    @FFLY 可以用 CSS3 里面的 :first-child 或 :nth-child(n) 选择器,只能兼容到 IE9 ,这样写

    #a>p:first-child>a:first-child>font[color='red']:first-child { display:none; }

    过这样太难看了,而且前提是你的这个 DOM 结构不会动态修改
    arnofeng
        10
    arnofeng  
       2015-11-05 14:20:39 +08:00 via Android
    @Biwood 我都忘了这个了。威武
    FFLY
        11
    FFLY  
    OP
       2015-11-05 14:32:11 +08:00
    @Biwood @arnofeng 可不可以这样写,因为<a>标签里的 php 文件是不同的。

    #a p>a[onclick~=c.php]>font[color='red'] { dispaly:none; }
    Biwood
        12
    Biwood  
       2015-11-05 14:42:10 +08:00
    @FFLY 强烈不建议这样写,这太奇怪了,谁知道你这个 onclick 里面的内容会不会修改,不要让表现层的东西对行为层产生依赖。最正规的方法是加一个类名到 a 标签上去,其他写法的都不稳定。
    FFLY
        13
    FFLY  
    OP
       2015-11-05 14:49:29 +08:00
    @Biwood 但是蛋疼的是不能改 HTML 。
    arnofeng
        14
    arnofeng  
       2015-11-05 14:54:03 +08:00 via Android
    @FFLY 那改 js 。
    hupeng
        15
    hupeng  
       2015-11-05 22:02:03 +08:00
    { line-height:9999px;height:30px;overflow:hidden;}
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2650 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 00:22 · PVG 08:22 · LAX 16:22 · JFK 19:22
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.