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

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>