gpt4 book ai didi

javascript - 有什么方法可以覆盖我网站的 'CSS Theme' 吗?

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

我希望能够将当前的 BODY css 更改为万圣节的 CSS 主题。问题是我的 .Net 页面是模板。必须有一种方法可以让主体类检查是否存在 CSS 主题覆盖?

我可以通过做这样的事情来改变主题吗:

CSS:

/* standard theme */
body {
background-color: white;
font-color: #000;
}

/* halloween theme css */
body.halloween {
background-color: black;
font-color: #666;
}

然后将其放置在 HEAD 的可编辑区域中:

<%
'CSS Theme overwrite - uncomment if required
cssTheme = "halloween"
%>

我的 BODY 标签

<body class="<%=cssTheme%"> 
content........
</body>

以上方法我都试过了,还是不行。

我是否需要附加到 <body> 的函数 doOnLoad()检查 cssTheme 并应用是否有一个?

最佳答案

是的,您可以这样做 - CSS 中的“C”代表级联,这意味着您可以使用更具体的定义覆盖样式表的某些元素。

这在下面用 div 进行了说明,但与 body 或 HTML 中的任何其他元素的工作方式相同。 (注意:javascript 是无关紧要的,只是用来添加 CSS 类 Halloween,您将看到它定义了不同的呈现规则。)

$('button').click(function(){
$('div').addClass("halloween");
});
div{
background-color:grey,
color:Black
}

div.halloween{
background-color:black;
color:orange
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
Content here
</div>

<button>make halloween</button>

关于javascript - 有什么方法可以覆盖我网站的 'CSS Theme' 吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39999993/

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