CSS 和 XPath 是兩種在網頁中定位元素的方式，它們都有著各自的優缺點。

CSS（層疊樣式表）是一種用來美化網頁的語言，對于定位一個元素來說，CSS 選擇器非常簡單易用，而且語法更加直觀易懂。CSS 選擇器以標簽名和類名作為定位元素的依據，使用起來非常方便。如下是一個通過 CSS 選擇器定位元素的代碼示例：

/* 通過 ID 選擇器定位id為“example”的元素 */
#example{ 
color: red; 
}
/* 通過 class 選擇器定位class為“example”的元素 */
.example{ 
color: red; 
}

XPath 是一種用來搜索網頁中符合特定規則的節點的語言，與 CSS 相比，XPath 功能更加強大靈活，可以根據多種條件來定位元素。然而，在使用 XPath 進行元素定位時，需要手寫 XPath 表達式，語法相對 CSS 更加復雜，需要一定的技術基礎。以下是通過 XPath 定位元素的代碼示例：

/* 通過標簽名定位元素 */
//h1 
/* 通過屬性定位元素 */
//input[@id='example']
/* 通過祖先元素定位元素 */
//div[@class='container']//p

綜上，CSS 和 XPath 兩種定位元素的方式都有各自的優缺點，需要根據實際開發需求選擇使用。如果定位元素較為簡單，且開發者對 CSS 選擇器熟練掌握，使用 CSS 可以更加簡單明了；如果需要定位復雜規則的元素或者需要在 DOM 樹中進行節點的搜索，則可以選擇使用 XPath。