请教一个 CSS 的问题

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

Can I use?

› http://caniuse.com/

Less

› http://lesscss.org

Cool Libraries

› Bootstrap from Twitter

› Jetstrap

这是一个创建于 3295 天前的主题，其中的信息可能已经有所发展或是发生改变。

因为某些原因，需要在不修改 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

2015-11-05 14:00:12 +08:00

#a a>font[color='red'] { dispaly:none; }

acthtml

2015-11-05 14:01:08 +08:00

font{text-indent:-999999em;}

rokeyzki

2015-11-05 14:02:48 +08:00

#a a>font[color='red'] {visibility:hidden; }

楼下继续

arnofeng

2015-11-05 14:03:20 +08:00 via Android

#a>p> a>font[color='red'] { dispaly:none; }

kokdemo

2015-11-05 14:07:57 +08:00

#a>p> a>font[color='red'] { opacity:0; }

FFLY

2015-11-05 14:08:23 +08:00

@Biwood @rokeyzki @arnofeng 谢谢！有没有办法对<a>这个标签更精确一点，这个 div 里还有其它类似的<a>和<font>存在，感觉会有问题。

bzw875

2015-11-05 14:09:22 +08:00

#a>p>a>font { color: transparent; }
#a>p>a>font { color: #fff; }

arnofeng

2015-11-05 14:13:20 +08:00 via Android

@FFLY 我那个已经很精确了除非还有和它并列的 red font

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

2015-11-05 14:20:39 +08:00 via Android

@Biwood 我都忘了这个了。威武

FFLY

2015-11-05 14:32:11 +08:00

@Biwood @arnofeng 可不可以这样写，因为<a>标签里的 php 文件是不同的。

#a p>a[onclick~=c.php]>font[color='red'] { dispaly:none; }

Biwood

2015-11-05 14:42:10 +08:00

@FFLY 强烈不建议这样写，这太奇怪了，谁知道你这个 onclick 里面的内容会不会修改，不要让表现层的东西对行为层产生依赖。最正规的方法是加一个类名到 a 标签上去，其他写法的都不稳定。

FFLY

2015-11-05 14:49:29 +08:00

@Biwood 但是蛋疼的是不能改 HTML 。

arnofeng

2015-11-05 14:54:03 +08:00 via Android

@FFLY 那改 js 。

hupeng

2015-11-05 22:02:03 +08:00

｛ line-height:9999px;height:30px;overflow:hidden;}