没有标签的CSS选择器

时间:2010-08-21 02:50:11

标签: html css css-selectors

鉴于此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;
}

在没有margin-top: 25px;标签的情况下,是否有选择器将.entry .meta添加到<h2>?或者我需要使用JavaScript吗?

1 个答案:

答案 0 :(得分:3)

试试这个

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

See Demo