Skip to main content
BuyLog In
General Information
Search in…
Docs > Frequent Support Inquiries > CSS Customization Basics > How to Resolve CSS Conflicts
All docs
V23.2
General Information
Support Services
Installation: Unified Component Installer
Installation: NuGet Packages
Install Updates
Security Information
Localization
Frequent Support Inquiries
Obtain Information About License Holder
Obtain an Exception's Call Stack
Register Your DevExpress Products
Help with Documentation Resources
Build and Deploy Applications
Work with Source Code
CSS Customization Basics
Inspect CSS Rules
Customize Control Appearance
CSS Selectors
How to Resolve CSS Conflicts
DevExpress EULAs
DevExpress Trademarks
Download CHM

How to Resolve CSS Conflicts

Global CSS selectors for common HTML tags, such as <table>, can affect other controls and widgets that are based on regular HTML elements. Conflicts between global CSS styles and DevExpress styles may cause disruption in DevExpress ASP.NET controls’ appearance.

Follow the recommendations below to resolve the issue:

  • Use DevExpress project templates to create an application. These templates do not include global styles that might affect other controls derived from regular HTML elements.

  • Use CSS classes with unique names rather than the global selectors. This technique allows you to apply style settings to particular HTML elements only. 

    /* This style affects table elements with the specified class name only. */

<style type="text/css">
    table.SomeCssClassName {...}
</style>

<table class="SomeCssClassName">...</table>

See Also