CSS引用選擇器是一種非常方便的技術，可以讓我們在CSS中使用其他選擇器的定義，以便更好地實現樣式。一個選擇器的定義可以在不同的地方使用，這樣可以避免重復定義樣式，提高工作效率。

p {
font-size: 16px;
color: #333;
}
/* 引用p選擇器 */
h1 {
@extend p;
font-size: 24px;
}

上面的代碼演示了如何使用@extend關鍵字引用p選擇器的定義。這樣，在h1標簽內，font-size和color屬性將被繼承，并且可以通過h1標簽重新定義和覆蓋這些樣式。

/* 自定義選擇器 */
.btn {
display: inline;
padding: 10px 20px;
background-color: #333;
color: #fff;
border-radius: 5px;
}
/* 引用.btn選擇器 */
a.button {
@extend .btn;
text-decoration: none;
}

上面的代碼演示了如何自定義選擇器，并在另一個選擇器中引用它。這樣可以盡可能減少代碼重復，并確保更一致的樣式。

總之，CSS引用選擇器是一種非常強大的技術，可以在樣式文件中更好地組織樣式，減少代碼重復，并提高開發效率。