function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion

css conflict

hello -

are there general rules/guidelines for creating CSS (for use in visualforce pages) that won't conflict with the existing sfdc CSS?  a vendor provided a CSS for some pages and when i include it, it affects some of the standard sfdc page bits (tabs, etc).  (i should note that i have to keep the header and sidebar, so i can't turn off standard stylesheets.) 

is the basic rule to avoid overriding html tags -  by referencing everything from css using the class attribute?  any tricks beyond that?

thanks for your time.
Hi Chris, 

You won't be able to ignore the Salesforce CSS as it will be loaded by the browser and thus used whenever there is a class that matches the name.

See more information on the link below,

Also see some sample code in the below docs,

Edwin VijayEdwin Vijay
On the page level you can specify standardstylesheets="false" which can help you overcome the overriding to a certain level. Here are a few resources which might help