Question

根据用户点击的页面，有没有办法更改CSS样式？并且每次都不加载不同的CSS文件，这样做？

我有一个网络映射网站，所以在小型设备中我想为标题做display : none，因此地图的div会显得更大。我将使用媒体查询，但标题也会在所有其他页面中更改。我希望它只在地图页面中更改。

我该怎么做？如果有一种方法你不必加载不同的CSS文件会很棒。是吗？

提前致谢。

编辑

我的文件结构就像

<?php
 error_reporting(E_ALL);

 include_once('header.php');

//rest of the code of the file starts here....

其中header.php包含标题，菜单栏，元数据。

所以我不能只为标题添加一个id，因为它仍然是所有页面中可见的相同ID

再次感谢

Answer 1

如果您的网页是静态的，并且您只需要进行一次更改，只需使用class创建display:none;并将其应用于标头，而不会影响任何其他网页或网页元素。

这样，您的标题也会被隐藏，您的目的也会得到解决。

其他方式是向id添加<body>并使用父子CSS选择器，随后为这些页面隐藏标题。

希望这有帮助。

Answer 2

您可以通过JavaScript检查您的网址并为特定元素添加样式

示例

 if (window.location.href.toString().toLowerCase().indexOf("map") != -1) { // If url contains maps
            document.getElementById("p2").style.display="none";
        }

css根据页面更改 - 而不是不同的文件

2 个答案: