CSS-селектор для отсутствия тега - PullRequest
1 голос
/ 21 августа 2010

Учитывая этот 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 Ответ

3 голосов
/ 21 августа 2010

Попробуйте это

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

См. Демонстрацию

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...