Use CSS only if you are certain page

Question

I need to load a couple styles on one specific page.

The problem lies in the CMS I'm using
I can't change the class to the div and make it specific so I can add styles to it and I also can't add specific styles to the page itself. It all has to be done in the main style sheet.
I know you can use conditional CSS depending on the browser but...

Can you load styles based on what page you are on?
So if blank.html then load these 2 styles?

If you don't have php access to add an if clause or permission to add a jquery you could try an htaccess trick. — emmanuel
– emmanuel, Commented Sep 22, 2014 at 19:17
Is there no class attribute that specifies the page e.g. in body tag page-id-8 or similar? — algorhythm
– algorhythm, Commented Sep 22, 2014 at 19:18

user663031 · Accepted Answer · 2014-09-22 19:16:05Z

1

Yes, you could use the CSS @document at-rule, but only in Firefox under the @-moz-document prefix. See https://developer.mozilla.org/en-US/docs/Web/CSS/@document.

answered Sep 22, 2014 at 19:16

user663031

Sign up to request clarification or add additional context in comments.

2 Comments

j08691 Over a year ago

This is experimental technology and only supported by Firefox. I wouldn't recommend using it.

David Thomas Over a year ago

Nice, I'd never heard of that until now! Have ten of the finest imaginary internet points! (Obviously with awareness of the cross-browser problems…)

Collectives™ on Stack Overflow

Use CSS only if you are certain page

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related