xpath 和 CSS 是 HTML 頁面構建中常用的兩種定位方式，下面將分別介紹它們的定位原理和應用場景。

## xpath

xpath 是一種用于獲取 HTML 文檔中特定元素的文本內容的文本操作符。它基于特定的查詢語句，可以通過一系列指定節點位置和名稱的條件來定位 HTML 文檔中的特定元素。使用 xpath，我們可以快速地在文檔中查找和定位需要的元素，從而節省時間和精力。

在 xpath 中，查詢語句通常由以下幾個部分組成：

- `//` 用于定位文檔中的所有節點。

- `HTML` 或 `//HTML` 用于定位文檔中的 HTML 節點。

- `NodeSet` 或 `//NodeSet` 用于定位文檔中的節點集合。

- `|` 或 `&` 用于將定位到的節點分組或合并。

## CSS

CSS 是一種用于描述網頁樣式的語言。它通過選擇器和屬性來對網頁中的元素進行樣式控制。相對于 xpath,CSS 的定位方式更加靈活，可以根據需要對元素進行更加精細的樣式控制。

在 CSS 中，選擇器通常由以下幾個部分組成：

- `.class-name` 用于選擇所有類名為“class-name”的元素。

- `:class-name` 或 `:not(.class-name)` 用于選擇具有類名為“class-name”的節點，或不是類名為“class-name”的節點。

- `@class-name` 或 `:not(.@class-name)` 用于選擇具有指定類名為“class-name”的節點，或不是類名為“class-name”的節點。

.link:first-child {

color: blue;

font-size: 24px;

總的來說，xpath 和 CSS 都是用于定位 HTML 文檔中特定元素的兩種定位方式，它們各有優缺點，可以根據具體的需求和應用場景進行選擇。