：類型被另一個元素包裝後的最後一種類型

可以說我有3個字段集，並且我希望在除最後一個字段集之外的所有字段集都有30px的頁邊距。：類型被另一個元素包裝後的最後一種類型

.wrapper fieldset { 
    margin-bottom: 30px; 
} 

.wrapper fieldset:last-of-type { 
    margin-bottom: 0; 
} 

<div class="wrapper"> 
    <fieldset>...</fieldset> 
    <fieldset>...</fieldset> 
    <fieldset>...</fieldset> 
</div>

這是確定的，但現在如果我的字段集被包裹在一個任意元素如什麼：

<div class="wrapper"> 
    <ANY> 
    <fieldset>...</fieldset> 
    </ANY> 

    <ANY> 
    <fieldset>...</fieldset> 
    <fieldset>...</fieldset> 
    </ANY> 
</div>

現在我對第一個字段集沒有餘量。我知道爲什麼會發生這種情況，但我不知道解決方案。任何幫助將不勝感激，歡呼聲。

來源

2016-02-17 Chris Hanson

'任：最後的類型字段集：最後的-type'沒有工作或沒有測試？ :) –

@GCyrillus這將工作，如果「ANY」是一致的。讓我們想象這是角度，每個「ANY」是一個不同的指令。 –

沒問題，所以它可能是'：最後一個子字段集：最後一個類型'，我相信 –

下面是一個工作示例。需要考慮多個元素，這就是爲什麼需要考慮fieldset的容器的原因。

.wrapper fieldset { 
 
    margin-bottom: 30px; 
 
} 
 

 
.wrapper *:last-child fieldset:last-of-type { 
 
    margin-bottom: 0px; 
 
    color: pink; 
 
}

<div class="wrapper"> 
 
    <div> 
 
    <fieldset>#1 element</fieldset> 
 
    </div> 
 

 
    <div> 
 
    <fieldset>#2 element</fieldset> 
 
    <fieldset>#3 element</fieldset> 
 
    </div> 
 

 
    <footer> 
 
    <fieldset>#4 element</fieldset> 
 
    <fieldset>#5 element</fieldset> 
 
    </footer> 
 

 
    <div> 
 
    <fieldset>#6 element</fieldset> 
 
    </div> 
 
</div>

來源

2016-02-17 03:11:09 Sarhanis

嘗試only-child選擇器。 jsbin

.wrapper fieldset { 
    margin-bottom: 30px; 
} 

.wrapper fieldset:last-of-type { 
    margin-bottom: 0; 
} 

.wrapper fieldset:only-child { 
    margin-bottom: 30px; 
}

來源

2016-02-17 02:42:06

：類型被另一個元素包裝後的最後一種類型

回答

相關問題