Question

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

因此，当我在“主页”时，我的DIV课程测试显示不同，当我在其他页面上时，所以同一班级的工作不同。

这是主页 .test { 一些数据 }

这是针对其他页面的 .test { 一些数据一些数据 }

那么有什么方法可以在css中创建条件，如果我的URL是主页，那么请调用它，否则请调用它。

Answer 1

您应该在您的身体上添加自定义类，例如页面名称。

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

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

然后你可以为每个人设置不同的风格。

.home .test {
  background: red;
}

.my_page .test {
  background: blue;
}

Answer 2

您无法使用CSS来检测网址。因此，您需要使用JavaScript检测网址（如this），或者更好，在后端检测到它。

Answer 3

相同的css对于不同的页面（URL）不会有不同的工作方式，您可以做的一种方法是使用JavaScript更改内联样式。但如果你想改变整个样式表，那将是痛苦的。

其他方式是，它不仅仅是检测URL，还需要动态更改不同页面的样式表。不同的样式表可能具有相同的classes但具有不同的样式。

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

Answer 4

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