使用CSS隐藏非锚点元素
使用CSS隐藏非锚点元素
提问于 2010-01-18 04:32:35
我有一个容器，看起来像这样
<div id="container">This container has a <a href="#">link</a> in it</div>我想隐藏里面除了链接之外的所有东西。
我试过了
#container {display:none;}
#container a { display:block; }但这并不管用。
这是一种用户风格，所以我只能访问CSS。没有Javascript。没有标记。
回答 2
Stack Overflow用户
回答已采纳
发布于 2010-01-18 04:40:10
如果您不介意不可见的、未链接的文本仍然占用空间，那么在这里使用visibility是可行的。
#container {
visibility: hidden;
}
#container a {
visibility:visible;
}如果您确实需要模仿显示块样式，您可以尝试：
#container {
visibility: hidden;
position: relative;
}
#container a {
visibility:visible;
position: absolute;
top: 0;
left: 0;
}Stack Overflow用户
发布于 2010-01-18 04:35:46
对于您当前使用的代码，这是不可能的。因为文本片段是仅由anonymous inline boxes表示的文本节点，不能单独使用display设置样式。
但如果您将a元素周围的文本也放入元素中，例如spans：
<div id="container"><span>This container has a </span><a href="#">link</a><span> in it</span></div>然后你可以这样做：
#container span { display: none; }
#container a { display: block; }页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/2082514
复制相关文章
相似问题
腾讯云开发者
