Question

如何在以下代码中选择（隐藏）日期？

<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>

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

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

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

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

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

攻击它

Answer 2

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

＆＃13;

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

＆＃13;

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

＆＃13;