Just a heads up: I'm not exactly a CSS expert, more of a beginner.
Here's the dilemma: How can I add unique styles to different pages using just one style sheet?
To give you some background: I have a general style sheet that controls the layout of my entire website. This includes the navigation bar, header with logo, and everything in between.
Recently, I've been tasked with incorporating these tables into the site:
This is the theme currently in use on the website:
My goal is to keep the overall layout consistent while showcasing the tables on a specific pricing page.
I attempted adding the table styles directly into the HTML of the pricing page, but no luck. The text loaded fine, but the tables were nowhere to be found.
I've come across information about IDs and classes for defining page layouts and styles. However, the style sheet for the tables is quite intricate with numerous IDs and classes already assigned.
Is it possible to nest classes within another class? Could creating distinct classes for each stylesheet resolve this issue? How can I achieve this without compromising the site's main theme? Can I combine both styles into a single style sheet? What steps should I take to implement these tables successfully?
(It seems like this question may have already been asked before. I glanced at the other discussion, but it left me feeling even more lost. Web design isn't exactly my expertise, but I've taken on this challenge nonetheless. Any guidance would be greatly appreciated)