Ok, this is going to seem odd but I have a need for the following scenario:

You have 2 pages, let's assume that they both have a control on the page call txtTextBox. Let's also assume that they need different styling and that you must do the CSS based on the ID.

For Page 1
#txtTextBox
{
color: red;
}

For Page 2
#txtTextBox
{
color: green;
}

Is there syntax that can be used to say that one refers to page 1 and the other refers to page 2, I don't know, something like this:

%Page1.html #txtTextBox
{
color: red;
}

%Page2.html #txtTextBox
{
color: green;
}

This was one will style page 1 the way I want while the other will style page 2 the way I want.

I know I can do the following to make them distinct, but this is not possible for what I want:

#txtTextbox.class1
{
color: red;
}

#txtTextBox.class2
{
color: green;
}

There is a very good reason as to why I want to do it this way so please just respond as to whether there is a way to do this or not.

Thanks in advance.

No, there is no such thing in CSS. There are a number of @ options, but that is not one of them. Can't you style it in a page style block or inline?

Or use two seperate CSS documents, aside from your regular CSS documents you use.
Or just one seperate document that overwrites thet particular id, that is only included on one of the pages.

If you need it in one document just put it in a style element on the page, so it overrides the external style rules.

Thanks, FrankknarF

Everyone else, as I mentioned, I just needed a yes or a no.