javascript - css 在特定页面上不显示，没有页面 id

我只想在一个特定页面的 css 中隐藏一列，我看到了几个选项，但每个选项都使用页面 ID。如果两个页面具有相同的 id 并且差异仅在类定义中怎么办？我只想在/Page 2/上使用“不显示”标签。这是示例:

/第1页/

<body id="body" class="bootstrap-body page-body home_body body-admin-logged" role="document">

/第2页/

<body id="body" class="bootstrap-body page-body list_page_body category_list_body body-pathway-top body-admin-logged" role="document">

/第 2 页/ html代码

<aside class="col-md-3 col-sm-12 col-xs-12 column-left">

/Column-Page2/css代码

.column-content-left, .column-left {
    float: left;
}

如果我在上面的 css 中使用 display none，它会完美地工作。问题是它也反射(reflect)在 /Page1/上。

是否可以在不访问 html 的情况下在 css 或 javascript 中执行此操作？

最佳答案

你也可以像这样选择 body css:

body.list_page_body .column-content-left, body.list_page_body .column-left {
    display: none;
}

这应该只触发具有类 .list_page_body 的 body(或者您可以使用特定于该页面的另一个类。

关于javascript - css 在特定页面上不显示，没有页面 id，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33278350/