在段落上应用display none css属性

Question

我正在研究css而且我想要显示div类“”abc的p标签宽度参考，但是无法这样做我也不能把它作为自动生成放在p标签中，因此必须使用参考但是以正确的方式。请帮助。

这是html：

<div class="abc">any text</div>
<p>any text here</p>

这是我到目前为止尝试过的css：

.abc p{ display:none}

但我知道它不正确我也在谷歌搜索但没有运气。

Answer 1

试试adjacent sibling selector +。它将仅选择前一个元素前面的元素：

.abc + p{ display:none}

<强> jsFiddle example

Answer 2

要使CSS工作，您需要在div中包含您的段落：

<div class="abc"><p>any text here</p></div>

或者给你的标记，兄弟选择器：

.abc + p { display:none }