不在标签中的文本的 CSS 选择器-6ren

不在标签中的文本的 CSS 选择器

转载作者：行者123 更新时间：2023-11-28 09:20:06

26

4

<分区>

我想完全隐藏 .byline 中的所有内容，日期除外。是否可以通过不修改标记的 CSS 来做到这一点？是否有 CSS 选择器允许您定位不在标签中的内部文本？

<p class="byline">
    By <a rel="author" href="#">John Doe</a>
    on <time datetime="2012-10-10" pubdate>2012</time>
</p>

这不起作用，因为它隐藏了a但不隐藏其他文本:

.byline :not(time) { display:none }

这不起作用，因为它隐藏了所有内容:

.byline { display:none }
.byline time { display:inline }

这有效但不是理想的 b/c 然后你还必须处理隐藏空间:

.byline { visibility:hidden }
.byline time { visibility:visible }

26

4

0