CSS錨點定位自動變色是一種十分實用的功能，可以方便用戶進行頁面跳轉操作，同時也可以提高頁面的美觀性。

下面是一個例子，當鼠標移到錨點上時，會自動變色：

a:focus {
color: #ff0000;
}

這里使用了:focus偽類，代表鼠標在該元素上聚焦時的樣式。同時我們也可以使用:active偽類來為點擊時的樣式設置樣式。

在HTML中，我們需要為錨點設置一個唯一的id屬性，例如：

<h2 id="section1">這是第一個錨點</h2>
<p>這里是段落內容</p>
<a href="#section1">回到頂部</a>

在這個例子中，錨點的id屬性值為section1，我們可以通過鏈接href屬性為"#section1"來跳轉到該錨點所在位置。

在CSS中，我們可以為錨點設置樣式，例如字體大小、顏色、背景色等。例如：

#section1 {
font-size: 20px;
color: #000;
background-color: #ccc;
}

在這個例子中，我們為id屬性值為section1的錨點設置了字體大小20px，文本顏色為黑色，背景色為灰色。

綜上所述，CSS錨點定位自動變色是一個十分實用的功能，可以方便用戶進行頁面跳轉操作，同時也可以提高頁面的美觀性。大家可以在項目中使用這一功能，給用戶帶來更好的體驗。