覆盖主题样式

有时您可能需要对组件的外观做一个小的更改，同时仍然使用相同的组件内置的或自定义主题。

本文提供了关于覆盖现有CSS样式而不更改它们所需的知识和工具的高级指导。

CSS知识

要覆盖现有的样式，需要实现另一个样式相互冲突的风格．为确保新样式具有优先级，它应该具有高特异性．如果它具有相同的专一性，那么风格就应该出现晚些时候按照CSS规则和页面上文件的顺序。

• 针对CSS特殊性的MDN文档．你可能更喜欢不太正式的解释．
• 如何轻松计算CSS特异性(文章的一部分CSS特性之争）.
• CSS组合子根据元素在DOM结构中的位置，提供不同的方法来定位元素。组合子通常被称为“选择器”，这是不同的。开发人员最常用的后代或孩子组合子，但是还有很多其他的选择。

工具

要查看HTML元素上应用了哪些CSS样式，请使用浏览器的开发工具。

• 检查页面的HTML输出
• 请参阅特定元素的应用样式
• 检查自动隐藏和从DOM中消失的元素

Blazor CSS隔离

CSS隔离是. net特性，它将样式作用于特定的Razor组件。

• 有两种情况下，CSS隔离可能不适用于Blazor组件的UI。我们解释了原因，并提出了解决方案本知识库文章．这两种情况是:
  • 在组件中使用独立的样式类．
  • 为弹出窗口(窗口，对话框)使用独立的样式。

另请参阅

• 如何自定义Telerik Blazor组件的外观