CSS3的「move-to」/ content：pending（...）是否支持任何瀏覽器？

Question

「我如何使用純CSS重新排序元素」是一個常見問題。你必須使用JavaScript。

但是我最近發現了move-to，這是CSS3的新部分，它似乎可以解決重新排序內容的問題。 introduction to that module給出了一個移動圖像的例子。

但是我tried to use CSS3's move-to，但它不起作用。這裏有一個simple example：

CSS：

<style> 
    #div1 { 
     move-to: end-of-div2; 
    } 
    #div2:after { 
     content: pending(end-of-div2); 
    } 
</style> 

HTML：

<div id="div1">This is div1</div> 
<div id="div2">This is div2</div> 

是否支持在任何瀏覽器（桌面或移動）move-to？或者我錯了嗎？

Answer 1

我對這種性質的所有事情的通常參考是CanIUse.com。

這通常是一個非常好的資源，用於查找給定功能支持哪些瀏覽器。

但似乎這個功能甚至沒有在網站上提及，更不用說被列爲有任何支持。

此外，您提供的W3C鏈接將該功能顯示爲「工作草案」，這意味着它在設計的早期階段。

我重點關注新的CSS/HTML特性，並且在此之前我還沒有聽說過這個特性，這也意味着它還處於相當早的時期。

鑑於所有這一切，我想現在的瀏覽器支持將是最小的，如果有的話。

但是，即使它被支持，它肯定會需要供應商前綴，因爲它仍然只是一個工作草案。

工作草案還意味着語法可能會發生變化，所以您可能會發現瀏覽器使用不同的語法支持它。

如果你找不到任何支持它的當前版本的瀏覽器，你可能想要檢查Chrome和Firefox的開發版本，看看它是否支持 - 如果沒有別的，那會給你一些線索可能會在完整版本中出現之前將會持續多久。

Answer 2

從css3.info我看到似乎有一個最近更新的編輯器草稿，名爲CSS Generated Content for Paged Media Module，它描述了一些功能。但是這個規範還遠遠沒有完成，甚至遠遠沒有被瀏覽器實現。