在Web前端開發中，CSS和JS都是非常重要的技術。而在CSS和JS中，類擴展（class extension）也是一種非常常見的技術。

CSS中的類擴展可以使我們在編寫樣式時更加簡潔，同時也可以方便地進行模塊化。在CSS中，我們可以通過定義基礎類，然后使用類擴展來繼承這些基礎類的樣式。

/* 定義基礎類 */
.base {
font-size: 14px;
color: #333;
text-decoration: none;
}
/* 使用類擴展來繼承基礎類的樣式 */
.link {
@extend .base;
cursor: pointer;
}
.button {
@extend .base;
padding: 10px;
border: 1px solid #ccc;
background-color: #f0f0f0;
}

上面的代碼中，我們定義了一個名為.base的基礎類，并在.link和.button類中使用類擴展來繼承這個基礎類的樣式。這樣，.link和.button類就自動具有了.base類的樣式。

在JS中，類擴展主要指ES6中的類繼承。通過類繼承，我們可以定義一個基礎類，然后通過繼承這個基礎類來創建更多的子類。

/* 定義基礎類 */
class Animal {
constructor(name) {
this.name = name;
}
speak() {
console.log(`${this.name} makes a noise.`);
}
}
/* 通過繼承基礎類來創建子類 */
class Dog extends Animal {
constructor(name) {
super(name);
}
speak() {
console.log(`${this.name} barks.`);
}
}
let d = new Dog('Fido');
d.speak(); // output: Fido barks.

上面的代碼中，我們定義了一個名為Animal的基礎類，并在類Dog中使用extends關鍵字來繼承Animal類。這樣，Dog類就自動具有了Animal類的屬性和方法。

總的來說，CSS和JS中的類擴展都是非常有用的技術，可以讓我們更加高效地編寫代碼，并實現更好的模塊化。