css - 在段落上应用显示 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

试试相邻的兄弟选择器 +。它将仅选择前一个元素紧接在其前面的元素：

.abc + p{ display:none}

jsFiddle 示例

Answer 2

为了使该 CSS 起作用，您需要在 div 中包含您的段落：

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

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

.abc + p { display:none }