gpt4 book ai didi

jquery - 如果 2 个页面具有相同的 id,如何使用 css 赋予不同的样式?

转载 作者:行者123 更新时间:2023-11-28 16:15:21 25 4
gpt4 key购买 nike

在同一站点中,我在 2 个不同部分有 2 次页面免责声明

企业> disclaimer.html消费者 > disclaimer.html

我公司的自定义 cms 的一个好处是生成正文 id对于每一页

但这里的问题是他生成了 id与页面名称相同,我不能更改名称,也不能给出不同的 ID

具有相同 ID 的两个页面 <body id="disclaimer">

我想对 <p> 应用 2 种不同的样式到两个页面

喜欢

for corporate > disclaimer.html 我需要这个 p { color:#666}

对于消费者> disclaimer.html 我需要这个p { color:#000}

如何做到这一点,有没有纯css的方式?如果纯 css 不可能,请给我 jquery 解决方案。

更新:

我无法在 <head> 中添加每页基础 css 文件.

最佳答案

如果页面除了 URL 之外都相同,那么您似乎无法使用纯 CSS 做任何事情。

基本 javascript 解决方案的伪代码:

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');
}

然后将如下规则添加到您的 css 中:

body.corporate p{
color:#666
}

body.consumer p{
color:#000;
}

在您的解决方案中,您可能希望使用 jquery 的元素选择器而不是直接使用窗口对象。您也可以为 parseToSection() 函数编写代码。

关于jquery - 如果 2 个页面具有相同的 id,如何使用 css 赋予不同的样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2138074/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com