How can I apply CSS style changes just for one page?

Question

I have two css files:

1. A main file (main.css)

2. A specific page file (page5.css). My page.css contains main.css (@import url(main.css));)

Answer 1

The other answers did not help me on a more complex page.

Let's suppose you want something different on page X.

1. On your page X, create a class at the body tag (body class="myclass").
2. Open the Developer tools (I use chrome) and select the item to be modified. Let's say it's a link ( a.class - 'class' is your class name of your anchor, so change it accordingly). The browser will give something rather generic that works on the developer tool - but messes up in real life.
3. Check the parent of the modified field.
4. Add the HTML tag to your developer tool as testing
5. f your new CSS path does not grey out, you are good. If it greys out, your selected path still needs fixing.
   Let's suppose that the parent is a div with a class 'parent'. Add this path "div.parent >" to the already chrome selected a.class The symbol > means you are going up on the tree.
6. You can keep going backward on the DOM all the way to body.myclass, or you may not need. There is no need to add the classes for the parents, but you can add them if there are great similarities on your pages.

This works for me.