Question

我有网站，包括index.html和style.css以及images文件夹。并且，我想创建按钮＆＃34;切换到另一个主题＆＃34;在我的网站的主页上（所以index.html），它将在2 css之间切换。你能告诉我吗：

我需要2-css如 - style1.css和style2.css吗？
我是否需要有2个索引页

a）链接href =＆＃34; css / style1.css＆＃34;的rel =＆＃34;样式表＆＃34;类型=＆＃34;文本/ CSS＆＃34;媒体=＆＃34;所有＆＃34; /＆GT;

b）link href =＆＃34; css / style2.css＆＃34;的rel =＆＃34;样式表＆＃34;类型=＆＃34;文本/ CSS＆＃34;媒体=＆＃34;所有＆＃34; /＆GT;
你能告诉我怎么可能这样做？我是否只需要在索引页面上创建一个在css＆＃39;之间切换的按钮。如果是，您能提供任何示例或建议吗？

谢谢

下面是我的index.html的头部和身体部位所以在身体部分我有Switch Css，所以我只需要在css＆之间切换的功能。我有原始的style.css和我的第二个style2.css

＆＃13;

<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>

＆＃13;

<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>

Answer 1

解决此类问题的常用方法是为每个主题提供两种类型的CSS类，并在类之间切换。考虑以下内容：

<body class="theme1">

或

<body class="theme2">

等...

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

<强>的style.css

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

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

然后只需使用javascript在主题之间切换。如果您向我们提供了一些代码，我们将能够帮助您解决任何错误并解决某些问题，但在此之前，我只能说这是帮助。祝你好运！

在2个CSS之间切换

1 个答案: