CSS選擇器是CSS樣式表中用來選擇具體網頁元素的重要工具，它可以根據不同的選擇器來選取不同的元素，實現不同的布局效果。下面介紹一些常見的CSS選擇器。

1. 元素選擇器
用來選取網頁中所有的相應元素，語法為元素名 {屬性:值;}，例如 div {background-color:red;}
2. ID選擇器
用來選取網頁中唯一的一個元素，語法為#id {屬性:值;}，例如 #header {background-color:blue;}
3. 類選擇器
用來選取網頁中一組具有相同類名的元素，語法為.class {屬性:值;}，例如 .nav {font-size:20px;}
4. 屬性選擇器
用來選取網頁中擁有特定屬性的元素，語法為[屬性名=屬性值] {屬性:值;}，例如 a[href="#"] {color:red;}
5. 偽類選擇器
用來選取網頁中一些具有特定狀態的元素，如鏈接的hover狀態，語法為a:hover {屬性:值;}，例如 a:hover {text-decoration:underline;}
6. 后代選擇器
用來選取某個元素的后代元素，語法為父元素 子元素 {屬性:值;}，例如 ul li {display:inline;}
7. 兄弟選擇器
用來選取某個元素的同級元素，語法為前一個兄弟元素 + 后一個兄弟元素 {屬性:值;}，例如 h2 + p {font-style:italic;}
以上就是CSS選擇器中常見的七種類型，掌握這些選擇器可以幫助我們更好地控制頁面布局。