Question

我想知道是否可以这样做？页面是HTML格式，使用javascript

我已离开使用样式的导航在某些页面上我想使用另一种样式，所以我创建了一个新类

所以我想做的是：

if page = a
display leftmenu class
else
display
left class

有人可以帮助我使用代码，以便它可以工作吗？

Answer 1

body div.leftmenu {
   styles for other non-display pages
}

body.display div.leftmenu {
   styles for left menu on a 'display' page
   override any styles defined above
}

Answer 2

假设你想使用JavaScript，就像你建议的那样：

var page = 'whereveryougetpagefrom';
var elementToStyle = document.getElementById('nameofelement');

if (page == 'a') {
    elementToStyle.className += " leftmenu";
} else {
    elementToStyle.className += " left";
}

但是，最好在CSS中使用样式。

Answer 3

除非它是动态的，否则使用服务器端语言可能对你想要实现的目标更有意义。

您可以通过get变量发送首选格式。

如果您尝试动态执行此操作，单击链接可以更改元素的className。

var elem = document.getElementById('sidebar');
elem.className = 'leftmenu'

Answer 4

只需在身体标签上添加ID：

<body id="a">

然后添加样式：

body h1 {
  color: black;
}

body#a {
  color: red;
}

Answer 5

我在代表当前页面的id元素上总是有html，如：

<html id="home-page">, <html id="about-page">

等

有了这些，您可以轻松完成使用后的目标：

div.leftmenu {general styling}

#about-page div.leftmenu {styling specific to the About page}

另外，leftmenu是一个非常糟糕的名字。如果您想在＃home-page右侧想要它怎么办？

风格的IF声明

5 个答案: