css - CSSで親から子の間に境界線を設定する方法は?

Question

要素間の境界線を設定するために、最後のものを除いて、各子の片側に境界線を使用します。例えば_

<div class="parent">
   <div>First</div>
   <div>Second</div>
   <div>Third</div>
   <div>Fourth</div>
</div>

CSSで

.parent div{
    display:block;
    padding:5px;
    border-bottom:dashed 1px #000}
.parent div:last-child{
    border-bottom:dashed 0 #000
}

親の CSS スタイルから子の間に境界線を設定する方法はありますか? 使用せずにlast-child。つまり、親ルールからの 1 つのステートメントで。

score 5 · Accepted Answer

いいえ、境界線は子要素のプロパティであるため、指定できるのは子要素のみです。これには単一のルールを使用できますが、高度な CSS3 セレクターのサポートが必要です。

.parent > div:not(:last-child){
    border-bottom: dashed 1px #000;
}

score 0 · Accepted Answer

jQuery を使用し、それらの子要素 (それぞれ: http://api.jquery.com/each/ ) を反復処理し、次の場合は CSS クラスを設定します (次: http://api.jquery.com/ ?s=next ) 要素も子です...

別の方法だと思います.cssを使用するだけでは存在しませんが、よくわかりません.cssのみで解決策を見つけたら、投稿してください;）

ご挨拶

2 に答える 2