ansaurus

Question

How to give different style with css if 2 pages have same id?

Answer 1

+1 A:

Can you just fetch two different css files on them?

Raveren 2010-01-26 07:48:42

u mean inline or in page css no , and i can only add external css and only in common header.

metal-gear-solid 2010-01-26 07:50:45

Answer 2

A:

Prepare three css files:

for everything that's the same for all pages,
for the Consumer-specific styles
for the Corporate-specific styles

All pages will reference [1], then either [2] or [3] depending on which is relevant.

egrunin 2010-01-26 07:51:19

i know this but the problem due to some reasons i can't add per page basis css

metal-gear-solid 2010-01-26 08:05:39

Answer 3

A:

it's easy in jQuery:

$(document).ready(function() {
  var color = (document.location.pathname.match(/corporate/)) ? "#666" : "#000";
  $("body#disclaimer p").css("color", color);
}

but with pure CSS I think it is not possible.

KARASZI István 2010-01-26 08:35:57

Answer 4

+2 A:

It doesn't seem like you can do anything with pure CSS if the pages are identical except for the URL.

So pseudocode for a basic javascript solution:

var path, section, body;
path = window.location.pathname;
section = parseToSection(path);
body = window.document.body;
if ('corporate' === section){
    body.addClass('corporate');
} else if ('consumer' === section){
    body.addClass('consumer');
}

and then add rules like the following to your css:

body.corporate p{
    color:#666
}

body.consumer p{
    color:#000;
}

In your solution you might want to use jquery's element selectors instead of directly using the window object. Also writing the code for the parseToSection() function is up to you.

Johrn 2010-01-26 17:22:19

this is not pure CSS it's javascript + css!

KARASZI István 2010-01-28 17:35:54

by gosh, I think you're right! Maybe it's because there is nothing he can do in pure CSS with the restrictions he has! Good thing he also asked for a javascript solution.

Johrn 2010-01-28 17:43:11

yeah, you're right. i've noticed it later. i even deleted my answer :)

KARASZI István 2010-01-29 08:37:54

Answer 5

A:

Sounds like your company should change its custom CMS.

Paul D. Waite 2010-01-26 17:33:39

ansaurus

tags:

views:

answers:

How to give different style with css if 2 pages have same id?

related questions