CSS中可以使用動畫來為網站增加一些生動的元素和交互效果。一些場景下，我們可能需要在一個元素上同時使用多個動畫，而為這些動畫指定先后順序就變得尤為重要了。以下介紹如何在CSS中控制多個動畫的先后順序。

我們可以在CSS中使用animation屬性來創建動畫，它包括duration（動畫持續時間）、timing-function（動畫速度曲線）、delay（動畫延遲時間）和iteration-count（動畫次數）等。當我們需要在一個元素中同時使用多個動畫時，我們可以為這些動畫分別設定屬性值，然后通過將屬性名放入animation屬性中，來指定同時使用多個屬性。例如：

div {
animation: fadeIn 2s ease-out .5s 1 forwards, moveDown 2s ease-out 1.5s 1 forwards;
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes moveDown {
0% {
transform: translateY(-50px);
}
100% {
transform: translateY(0px);
}
}

上面的代碼中，我們為div元素同時指定了fadeIn和moveDown兩個動畫屬性。為了使這些動畫按照我們期望的先后順序逐個執行，我們需要考慮以下幾個方面：

1. 指定delay屬性，用來控制動畫出現的時間順序。在上面的例子中，我們給fadeIn動畫設定了.5s的延遲，這就使得moveDown動畫會在fadeIn動畫結束之后再開始執行。

2. 指定iteration-count屬性，用來控制動畫執行的次數。在上面的例子中，我們將兩個動畫的iteration-count屬性都設定為1，這就使得它們只執行一次。

3. 指定forwards屬性，用來控制動畫結束后是否保持最后一個關鍵幀的狀態。在上面的例子中，我們將兩個動畫的forwards屬性都設定為forwards，這就使得它們在執行結束后會保持最后一個關鍵幀的狀態，從而不會回到初始狀態。

總之，在CSS中同時使用多個動畫需要我們仔細考慮其先后順序，以及屬性的設定。通過以上方法，我們可以靈活地控制多個動畫的執行順序，讓網站更具有生動性和交互性。