當DOM中缺少元素時覆蓋CSS

-1

如果DOM中缺少元素我想添加邊距空間，並且如果元素在那裏，那麼我希望沒有空白區域。在CSS中我已經試過如下：當DOM中缺少元素時覆蓋CSS

A - 所以，如果H2標題是頁面上，然後我想那裏是沒有保證金頂：

#content > article > h2 > div > p:nth-child(1) { 
     margin-top: 0; 
    }

乙 - 而如果標題H2是不是還有我想那裏是保證金頂：

#content > article > div p:nth-child(1) { 
     margin-top: 32px; 
    }

有沒有辦法訂購CSS，使人們可以覆蓋其他如果H2缺失或副蘆薈的配置？

感謝，

來源

2016-12-02 Nsokyi

是這樣，如果沒有一個h2 p不會移動到空的空間？ – Brad

如果沒有標題，那麼當添加標題時看起來很好，那麼標題和第一段之間的差距就會很大。當用戶添加標題時，我想擺脫差距/保證金。 – Nsokyi

所以你不能只給你一篇文章瓷磚負底部邊距？ '.article_title {margin-bottom：-15px; }' 演示：https://jsfiddle.net/tgo90nt2/3/ – Brad

你也許可以做到這一點與定位

代碼：

.article { 
    height: 250px; 
    width: 500px; 
    background: steelblue; 
    position: relative; 
    border: 1px solid #fff; 
} 
.article p { 
    position: absolute; 
    top:32px; 
}

例子：https://jsfiddle.net/tgo90nt2/

解決方案：https://jsfiddle.net/tgo90nt2/3/

來源

2016-12-02 13:08:42 Brad

謝謝，但文章需要具有靈活的高度，並且會有不止一個段落。 – Nsokyi

感謝Brad。

#content > article > h2 { 
    margin-top: -32px; 
} 

#content > article > div p:nth-child(1) { 
    margin-top: 32px; 
}

來源

2016-12-02 14:19:32 Nsokyi

當DOM中缺少元素時覆蓋CSS

回答

相關問題