相同的css类在不同的url上工作不同_Css

相同的css类在不同的url上工作不同

css

相同的css类在不同的url上工作不同,css,Css,在我的网站上，我坚持使用一些CMS。在我的cms中有一些粘性布局。现在我的客户需要两种不同的外观所以当我在“主页”上时，我的DIV类测试显示不同，而当我在其他页面上时，相同的类工作不同这是主页 .测试{ 一些数据 } 这是另一页 .测试{ 一些数据一些数据 } 那么，有没有办法在css中设置条件，如果我的URL是homepage，那么就调用它，否则就调用它。您不能使用css来检测URL。因此，您需要使用JavaScript（比如）检测URL，或者更好的方法是在后端检测它。相同的css不会

在我的网站上，我坚持使用一些CMS。在我的cms中有一些粘性布局。现在我的客户需要两种不同的外观

所以当我在“主页”上时，我的DIV类测试显示不同，而当我在其他页面上时，相同的类工作不同

这是主页 .测试{ 一些数据 }

这是另一页 .测试{ 一些数据一些数据 }

那么，有没有办法在css中设置条件，如果我的URL是homepage，那么就调用它，否则就调用它。

您不能使用css来检测URL。因此，您需要使用JavaScript（比如）检测URL，或者更好的方法是在后端检测它。

相同的css不会对不同的页面（URL）产生不同的效果，一种方法是使用JavaScript更改内联样式。但是，如果您想更改整个样式表，那将是痛苦的

另一种方法是，它不仅仅是检测URL，还需要为不同的页面动态更改样式表。不同的样式表可能具有相同的

类

，但具有不同的样式

因此，创建单独的样式表并动态应用

您可以了解一下

您可以使用JavaSctipt来检测URL，然后再次使用JavaScript在主页上向正文添加额外的类。然后为这个新类中包含的元素编写单独的CSS样式。

您应该在正文中添加一个自定义类，如页面名称

<body class="home">
  ...
</body>

<body class="my_page">
  ...
</body>

事实上，我想要我的主页200*780和网站的其他页面左栏：180右栏：200。那我怎么才能得到呢

.home .test {
  background: red;
}

.my_page .test {
  background: blue;
}