All tables in html are taking on the same style?

I installed a jquery plug-in, with it’s own css file, but it seems that all the tables in my web site have taken on the same style as defined in the jquery plug-in css:

table {
	border-collapse: collapse;
	margin: 50px auto 0;
	width: 815px;

table td {
	border: 1px solid #CCCCCC;
	padding: 20px;

table td h2 {
	color: #FFFFFF;
	font-size: 1.7em;
	margin-bottom: 15px;

I just want this style to be for the table related to the jquery plug-in. What’s the solution?
Any help will be appreciated.

Simply add a class to the table you want to be formatted and replace table in the above css with the class name.


How will that help? It will still apply those styles to all tables. The solution, as @Gandalf has already said, is to give a class to the table which is being targeted, to distinguish it from other tables, and then use the class to target the styles.


You can add a parent class of table or you can add class on table :slight_smile:


This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.