1

margin-bottom を使用して、ページのクラス行で最後の div のスタイルを設定しようとしていますが、選択できないようです。

私はこれを持っています：

body div.row:last-child { margin-bottom: 3em !important; }

何も起こりません。私は何を間違っていますか？

4

4 に答える 4

3

コードは次のとおりです。

http://liveweave.com/muqgZh

使用するbody>div:last-of-type

于 2013-03-21T20:07:32.680 に答える
0

-編集-

last-of-typeは気にしません.row。したがって、これを行うことができます：

JS (jQuery)

$('div.row:last').addClass('last');

CSS

body>div.row.last {
   margin-bottom: 3em !important;
}

あなたが探しています:last-of-type

body>div.row:last-of-type {
   margin-bottom: 3em !important;
}

于 2013-03-21T20:02:33.163 に答える
0

CSSで選択できます：

  • それぞれが親.rowの最後の子 (または) であり、:last-of-type
  • の.row直接の子である最後のものbody(または body の最後の子の直接の子、または階層の既知の固定レベル)

.rowただし、階層のレベルに関係なく、HTML コードに最後に表示されるものを選択することはできません

于 2013-03-21T20:05:52.327 に答える
0

あなたが間違いなく の最後の要素である場合、あなたが提供したものは機能するはずです。div.rowbody

最後のdiv場合は、いつでも:last-of-type代わりに試すことができます ( JSFiddle の例)。

それが最後ではないが、その後に続くdiv他の要素の数がわかっている場合は、:nth-last-child(n)( JSFiddle の例) を使用できます。

于 2013-03-21T20:03:44.717 に答える