All tables in html are taking on the same style?

HTML & CSS
1

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.

2

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

6 Likes
4

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.

2 Likes
5

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

6

Thanks

7

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