css兒童選擇器選擇最後一個div

<body> 
    <div>content 1</div> 
    <div>content 2</div> 
    <div>content 3</div> 
</body>

如何選擇最後一個標籤而不使用任何id或class。我已經嘗試：css兒童選擇器選擇最後一個div

body:last-child { 
     clear: both; 
     background-color:red; 
}

請幫

謝謝

但它這是CSS3所以瀏覽器（iPad的Safari瀏覽器）不recoginsed它。

警惕的兼容性： http://caniuse.com/#search=last-child – Wex 2012-07-12 22:10:49

body:last-child選擇body標籤是其父的最後一個孩子，儘量

body > :last-child

2012-07-12 22:09:36 Musa

非常感謝 – 2012-07-12 22:14:38

使用child selector（>）：

body > :last-child { 
    clear: both; 
    background-color:red; 
}

2012-07-12 22:09:30

'body *：last-child'會起作用嗎？ – Wex 2012-07-12 22:10:25

@Wex'*：last-child'相當於'：last-child'。 – 2012-07-12 22:11:50

XXXX：最後一個孩子意味着XXXX是最後一個孩子。所以：

table tr:last-child { ... }

被應用到表最後TR。

你的情況：

body > :last-child { ... }

作品，因爲>選擇你身體的孩子，那麼你選擇最後一個與：最後一個孩子

2012-07-12 22:52:21 Federico

回答