当前位置: 首页 > 知识库问答 >
问题:

在2个CSS之间切换

晏炳
2023-03-14

我有一个网站,它包括index.html和style.css和images文件夹。并且,我想在我的网站的主页面上创建一个按钮“切换到另一个主题”(所以index.html),它将在两个CSS之间切换。你能告诉我吗:

>

  • 是否需要有两个css,如-style1.css和style2.css?
  • 我是否需要有2个索引页

    a)link href=“css/style1.css”rel=“stylesheet”type=“text/css”media=“all”/>

    b)link href=“css/style2.css”rel=“stylesheet”type=“text/css”media=“all”/>

    谢谢你

    下面是index.html的头部和正文部分,所以在正文部分我有切换Css,所以我只需要函数,将切换之间的Css,我有。我有原始的style.css和我的第二个style2.css

    null

    <head>
    <title>TecKnowBros</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link href="css/slider.css" rel="stylesheet" type="text/css" media="all"/>
    <link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
    <link href="css/style2.css" rel="alternate stylesheet" type="text/css" media="all"/>
    </head>

    null

    <body>
      <div class="wrap">
        <div class="header">
            <div class="headertop_desc">
                <div class="callus">
                     <p><span>Contact Us:</span><span class="number"> 07400000000</p>
                </div>
                <div class="account_desc">
                    <ul>
                        <li><a href="#">My Account</a></li>
                        <li><a href="#">Register</a></li>
                        <li><a href="#">FAQ</a></li>
                        <li><a href="#">News</a></li>
                        <li><a href="#">Switch CSS</a></li>
                    </ul>
                </div>
                <div class="clear"></div>
            </div>
            <div class="header_top">
                <div class="logo">
                    <a href="index.html"><img src="images/logo.png" alt="" /></a>
                </div>
                  <div class="cart">
                       <p><span>Cart:</span><div id="drdw" class="wrapper-dropdown-2"> No items -  £0.00
                        <ul class="dropdown">
                                <li>Cart is Empty</li>
                        </ul></div></p>
                  </div>
    
  • 共有1个答案

    司马萧迟
    2023-03-14

    解决这类问题的一种常见方法是为每个主题设置两种CSS类,并在类之间切换。请考虑以下内容:

    <body class="theme1">
    

    <body class="theme2">
    

    等...

    CSS中,您将在每个主题下定义所有元素,因此当您想要更改主题时,只需将类更改为该主题。它看起来像这样:

    style.css

    .theme1 { ... }
    .theme1 div{ ... }
    (etc)
    
    .theme2 { ... }
    .theme2 div{ ... }
    (etc)
    

    然后只需使用javascript在主题之间切换即可。如果您向我们提供一些代码,我们将能够帮助您修复任何错误和/解决一些问题,但在此之前,这是我真正能说的帮助。祝你好运!

     类似资料:
    • 假设你有两个活动-A和B,你从A开始B。在B中,你有一个任务。如果任务完成,您希望返回到按下when back键,如果没有,您希望取消整个应用程序。但在解除后,你可以从最近的应用程序菜单中恢复B。如果在那之后你需要同样的后退键的行为。 因此,我想放弃一个活动或整个应用程序(但简历的可能性)。有什么办法可以做到这一点吗?

    • 我想在浏览器的两个选项卡之间切换。目前试图获取窗口句柄的数量,但即使打开了2个选项卡,其显示为1。

    • 问题内容: 正如教程向我展示的那样,我已经在最初的几个脚本上构建了一个不错的GUI,但是没有一个脚本解决更复杂的程序的问题。 如果在打开屏幕上有带有“开始菜单”的内容,并且在用户选择后移动到程序的其他部分并适当地重画屏幕,那么执行此操作的优雅方法是什么? 是否只是一个“开始菜单”框架,然后创建一个新的窗口小部件,并填充另一部分的小部件?并在他们按下“后退”按钮时逆转此过程? 问题答案: 一种方法是

    • 问题内容: 我想在Python中的两个值之间切换,即0到1之间。 例如,当我第一次运行一个函数时,它产生数字0。下一次,它产生1。第三次它返回零,依此类推。 抱歉,如果这样做没有道理,但是有人知道这样做的方法吗? 问题答案: 用途: 请注意,如果您需要比更为复杂的周期,那么此解决方案将比此处发布的其他解决方案更具吸引力。

    • 我是JavaFX的新手,我需要在两个没有菜单栏的锚窗格之间切换,但锚窗格本身中有注册按钮,它应该切换到注册表单表单登录表单我正在使用Scene Builder生成.fxml文件, 我的问题是如何以一种简单的方式做到这一点?loginform与注册按钮 ERRRO是 null main.java controller.java 我的问题是如何在main.java中加载register form,在单

    • 问题内容: 我有2个要用于修改相同数据的不同布局文件,我将切换到“编辑视图”的布局,该布局允许用户修改图形数据,然后允许他们切换回“详细视图” ”显示详细的图表(使用androidplot库)。 我的问题是,当切换回我的“编辑视图”时,我的图形线不见了,只绘制了轴(因此布局切换,而我的图形视图被调用了onDraw())。一切都存储在同一个活动中,所以我不明白为什么这不起作用? 这些行存储在Grap