在Angular中，为了可重用性，通常是通过创建新的组件来实现，而不是仅仅创建新的CSS类。这是因为组件提供了更高级别的抽象，可以包含HTML模板、CSS样式和逻辑代码。

下面是一个示例，演示如何使用组件来实现可重用的UI元素：

首先，创建一个新的组件，例如ButtonComponent：

import { Component, Input } from '@angular/core';

@Component({
  selector: 'app-button',
  template: `
    
      
    
  `,
  styleUrls: ['./button.component.css']
})
export class ButtonComponent {
  @Input() classes: string;
}

在上面的示例中，ButtonComponent接受一个名为classes的输入属性，它是一个CSS类的字符串。在组件的模板中，我们使用ngClass指令将这些类应用于按钮元素。

接下来，创建一个使用ButtonComponent的父组件，例如AppComponent：

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  template: `
    Primary Button
    Secondary Button
  `,
  styleUrls: ['./app.component.css']
})
export class AppComponent {}

在上面的示例中，AppComponent使用ButtonComponent两次，并为每个按钮指定不同的CSS类。这样，我们可以轻松地重用ButtonComponent，并根据需要应用不同的样式。

最后，在AppComponent的样式文件中定义这些CSS类：

.primary {
  color: blue;
  background-color: lightblue;
}

.secondary {
  color: red;
  background-color: pink;
}

现在，我们可以通过使用ButtonComponent来创建可重用的按钮，并根据需要应用不同的样式。

这就是通过创建新的组件来实现可重用性的最佳实践。通过组件，我们可以将HTML模板、CSS样式和逻辑代码封装在一起，使其易于重用和维护。