没有标签的 CSS 选择器答案

【问题标题】：CSS Selector for Absence of Tag没有标签的 CSS 选择器
【发布时间】：2010-08-22 01:03:09
【问题描述】：

鉴于此 HTML：

<div class="entry">
    <a class="meta">Aug. 20, 2010</a>
    <div class="content">
        <h2><a href="#">Hello.</a></h2>
        <p>...</p>
    </div>
</div>
<div class="entry">
    <a class="meta">Aug. 20, 2010</a>
    <div class="content">
        <p>...</p>
    </div>
</div>

还有这个 CSS：

.entry{
    width: 760px;
}

.entry .meta{
    float: left
    width: 160px;
}

.entry .content{
    float: right;
    width: 600px;
}

在没有<h2> 标签的情况下，是否有一个选择器可以将margin-top: 25px; 添加到.entry .meta？或者我是否需要为此求助于 JavaScript？

【问题讨论】：

不。 Javascript。但是，您可以在 h2 之后向 p 添加 25px 边距，以防 h2 在 CSS 中不存在
@蒋毅，这个不需要js，简单的css就可以解决，看我的回答
@Starx "将margin-top: 25px 添加到.entry .meta" 他的话，不是我的话。
@Yi Jang...我的误会

标签： html css css-selectors

【解决方案1】：

试试这个

.content > h2+p { margin:1px; }
.content > p { margin-top:25px; }

See Demo

【讨论】：

我想将margin-top: 25px 添加到.meta，以便将其向下移动，即使是.content 中的内容。这会将内容向下移动。
由于 h2 和 p 与 .meta 没有任何父子关系，因此无法通过 CSS 实现，您需要脚本。