Question

我试图在不同的div中同时使用不同的样式表文件。我尝试过使用switch case，但没有任何帮助， 请注意一件事我必须同时显示两个div

这是我到目前为止尝试过的代码：

<?php
    switch ($type_show1):   
    case 'welcome1':
    //default:
?>
<link href="css/main.css" rel="stylesheet" type="text/css" />    // css to include
                <div class="page-header">
                    <div class="page-title">
                        <h5>Booking Management</h5>
                        <span>Good morning, Admin!</span>
                    </div>
                </div>
                <!-- /page header -->

<?php
break;
endswitch;  
    ?>

<?php
    switch ($type_show2):
    case 'welcome2':
    //default:
?>
                <link href="css/main2.css" rel="stylesheet" type="text/css" /> // Other css to include
                <div class="page-header">
                    <div class="page-title">
                        <h5>Booking Management</h5>
                        <span>Good morning, Admin!</span>
                    </div>
                </div>

<?php
break;
endswitch;  
?>

Answer 1

这些样式表有什么区别？猜猜你想要这样的东西？这样，div总是会显示，样式表只会在你的开关上导入。

<?php
    switch ($type_show1):   
    case 'welcome1':
    //default:
?>
<link href="css/main.css" rel="stylesheet" type="text/css" />    // css to include

<?php
break;
endswitch;  
?>

<?php
    switch ($type_show2):
    case 'welcome2':
    //default:
?>
<link href="css/main2.css" rel="stylesheet" type="text/css" /> // Other css to include
<?php
break;
endswitch;  
?>
<div class="page-header">
    <div class="page-title">
        <h5>Booking Management</h5>
        <span>Good morning, Admin!</span>
    </div>
</div>
                <!-- /page header -->
<div class="page-header">
    <div class="page-title">
        <h5>Booking Management</h5>
        <span>Good morning, Admin!</span>
    </div>
</div>

Answer 2

为什么不在html的头部声明你的2个样式表，并为你的div提供两个不同的ID？

如何在同一页面上同时为不同的div使用不同的样式表？

2 个答案: