CSS是一種非常強大的樣式語言，它可以讓我們實現各種各樣的設計需求。今天，我們來討論一下如何匹配第三個div元素。

div:nth-of-type(3) {
/* CSS樣式代碼 */
}

上面這段代碼就是匹配第三個div元素的方式。其中，:nth-of-type是CSS3新增的偽類選擇器，它可以根據元素在同級元素中的位置來選擇。

具體來說，:nth-of-type(n)可以匹配同級元素中的第n個元素。例如，:nth-of-type(3)就可以匹配同級元素中的第三個元素。

需要注意的是，:nth-of-type選擇器是從1開始計數的，而不是從0開始。因此，:nth-of-type(1)表示的是同級元素中的第一個元素，而不是第零個元素。

除了:nth-of-type選擇器，我們還可以使用:nth-child選擇器來匹配第三個div元素。兩者的區別在于，:nth-of-type選擇器只會在同級元素中選擇與指定元素相同類型的元素，而:nth-child選擇器則會在同級元素中選擇所有元素。

總之，我們可以根據需求選擇不同的選擇器來匹配第三個div元素。希望這篇文章能夠對大家有所幫助！