CSS層疊次序是指CSS樣式表中的元素之間的層疊關系，包括優先級和順序。通過設置不同的層疊次序，可以創建復雜的網頁布局和樣式。

CSS層疊次序的優先級按照從高到低的順序排列，第一個使用規則將樣式應用到一個元素將具有最高優先級。元素的樣式將從第一個使用規則的元素開始重復應用，直到將所有規則都應用完。

下面是一個簡單的示例，展示了如何使用CSS層疊次序來創建一個簡單的文本框：

<div class="container">

<div class="box">

<span class="text">Hello, World!</span>

</div>

</div>

在這個示例中，`.container` 元素是容器元素，`.box` 元素是文本框元素。通過將 `.box` 元素放在 `.container` 元素中，我們可以使用 CSS層疊次序來創建一個簡單的文本框。

CSS層疊次序的順序是：先使用父元素的樣式，再使用子元素的樣式，最后使用嵌套元素的樣式。因此，在這個示例中，`.container` 元素的樣式將應用到 `.box` 元素的文本框中，而 `.box` 元素的樣式將應用到文本框周圍的元素中。

需要注意的是，如果兩個元素之間使用了相同的層疊次序，則它們的樣式將相互重疊。因此，為了避免重復樣式，我們通常只能將一個元素作為父元素，另一個元素作為子元素。

CSS層疊次序是一種非常有用的CSS技巧，可以幫助創建復雜的網頁布局和樣式。通過合理地應用層疊次序，我們可以創建出美麗、簡潔的網頁設計。