在第九課中，我們將學習CSS選擇器中的偽元素和偽類。以下是本課程的重點。

::before 和 ::after 偽元素
CSS偽元素是用于向文檔樹中添加內容的特殊的CSS選擇器。偽元素用兩個冒號來表示，例如： ::before 和 ::after。
::before 和 ::after 偽元素可以用來插入CSS中的任何內容。這些內容可以是文本、圖像、列表等等。使用偽元素時，不需要修改HTML，只需要在CSS中定義即可。
以下是 ::before 和 ::after 偽元素的示例代碼：
p::before {
content: "前綴內容";
}
p::after {
content: "后綴內容";
}
這個代碼將在每個p元素之前和之后添加 "前綴內容" 和 "后綴內容"。
:first-child 偽類
:first-child 偽類選擇器可以匹配某個元素作為其父元素的第一個子元素。例如：
p:first-child {
color: red;
}
這段代碼將為每個作為其父元素第一個子元素的p元素設置紅色文本顏色。
:nth-child 偽類
:nth-child 偽類選擇器可以選擇其父元素的第n個子元素，其中n是一個數字或一個公式。例如：
p:nth-child(odd) {
background-color: #eee;
}
這段代碼將為其父元素的奇數子元素設置灰色背景。

學習本課程后，你將能夠使用偽元素和偽類來靈活地為網頁添加內容和樣式。接下來，我們將進一步學習CSS選擇器中的其他高級技術。