css - 选择元素后面的文本节点

<分区>

如何在以下代码中选择(隐藏)日期？

<div class="myDiv">
  <h5>
    <strong>News header</strong> 2015-03-05
  </h5>
</div>

问题是日期没有 id，没有 class 也没有 paragraph 标签。也许有办法使用 sibling selector或类似的？

我无法访问 html，只能访问 css。

最佳答案

您可以使用一些样式来定位它:

.myDiv h5 {
  color: red;
}
.myDiv h5 * {
  color: lime;
}

<div class="myDiv">
  <h5>
    <strong>News header</strong> 2015-03-05
  </h5>
</div>

但是，您的编辑要求显示/隐藏日期!

不幸的是，这无法实现，因为隐藏父元素也会隐藏其中的所有子元素，即隐藏 .mdDiv h5 将隐藏其中的所有内容。

单独隐藏它的唯一方法是将它放在它自己的元素中，例如

<div class="myDiv">
  <h5>
    <strong>News header</strong> <span>2015-03-05</span>
  </h5>
</div>

然后你可以用 .myDiv h5 span { display: none } 攻击它

关于css - 选择元素后面的文本节点，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28880404/

相关文章：

css - 自动组合/合并 CSS 选择器与预处理器