Select 元素后的文本节点

Question

如何select（隐藏）以下代码中的日期？

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

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

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

Answer 1

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

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

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

但是，您的编辑要求 showing/hiding 的日期！

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

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

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

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

攻击它

Answer 2

不太确定你尝试实现。如果它是关于样式颜色或背景，则覆盖强元素 css：

h5 {
  color:purple;
  background:yellow;
  display:table;
}
h5 strong {
  color:yellow;
  background:purple;
}

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

Select a text node following an element