在 Web 前端開發中，獲取鼠標的坐標是一項非常常見的操作。在 CSS 中，我們可以通過偽元素來獲取到鼠標的位置信息，方法如下：

.container {
position: relative; /* 確保監聽的坐標是相對于容器的 */
}
.container:hover::after {
content: '(' attr(data-x) ', ' attr(data-y) ')'; /* 觸發偽元素時顯示坐標信息 */
position: absolute;
top: attr(data-y); /* 設置偽元素位置 */
left: attr(data-x);
}

代碼中，我們首先設置了一個容器元素，它的 position 屬性需要設置為 relative，以確保后面監聽到的坐標是相對于容器的。

然后在 container 上設置了 hover 事件，并通過 ::after 偽元素來觸發事件。在 content 屬性中，通過 attr 函數獲取到偽元素的 data-x 和 data-y 屬性，這里存儲了鼠標的位置信息。

接著在偽元素的樣式中，通過 top 和 left 屬性來設置偽元素位置。這里的值就是通過獲取到的鼠標位置信息。

總的來說，通過這種方式可以很方便地獲取到鼠標的坐標信息，而不需要借助其他的 JavaScript 操作。