如何使用css用类声明覆盖内联样式？

要使用CSS类声明覆盖内联样式，可以使用CSS的优先级规则来实现。

首先，内联样式是直接写在HTML标签的"style"属性中的样式规则。而类声明是在CSS样式表中定义的样式规则，并通过将class属性添加到HTML标签中来应用这些样式。

要覆盖内联样式，可以通过以下步骤：

1. 创建一个CSS样式表文件，例如"styles.css"。
2. 在样式表文件中，定义一个类选择器，例如".custom-style"。
3. 在类选择器中，编写想要应用的样式规则，如修改文本颜色："color: red;"。
4. 在HTML标签中，添加class属性，并将其值设置为类选择器的名称，如"class="custom-style""。
5. 在HTML文档中，将样式表文件链接到页面上，使用<link>标签的href属性和rel属性指向样式表文件。

这样，通过类选择器定义的样式规则会覆盖内联样式，因为CSS样式表的优先级高于内联样式。

以下是一个示例：

在styles.css文件中：

.custom-style {
  color: red;
}

在HTML标签中应用样式：

<p style="color: blue;" class="custom-style">This is a text with overridden inline style.</p>

通过以上方法，使用类声明覆盖内联样式是一种常见且有效的做法。在实际应用中，可以根据需要定义不同的类选择器，并在HTML标签中灵活应用，以达到想要的样式效果。