Question

我有一个名为＆＃34; MyPage＆＃34;其中包含＆＃34; .MyClass＆＃34;。所以如果想隐藏我做的内容：

.page-MyPage .myClass {
    display: none;
}

这很完美。没有显示东西。

现在让我们假设页面被调用＆＃34; MyPage / el＆＃34;。我该怎么做呢？如何在CSS中指定页面名称？

以下不起作用：

.page-MyPage/el .myClass {
    display: none;
}

.page-MyPage\/el .myClass {
    display: none;
}

.page-MyPage\005cel .myClass {
    display: none;
}

.page-MyPage-el .myClass {
    display: none;
}

Answer 1

.page-MyPage .myClass都是class selectors，并且无论如何都与页面名称无关。类选择器必须包含有效字符，因为类名必须包含有效字符，有关完整列表，请参阅Which characters are valid in CSS class names/selectors?。 .page-MyPage/el，.page-MyPage\/el和.page-MyPage\005cel是无效的css类名称，因此您无法创建定位它们的css规则。

您不能将页面名称指定为css选择器的一部分。

如果您希望在不同的网页上使用不同的.myClass css规则，则需要在每个网页<link rel="stylesheet" type="text/css" href="pagestyle.css">上加载不同的样式表，或在给定页面上定义<style>.myClass{}</style>。< / p>

将CSS应用于包含令人讨厌的字符的特定页面

1 个答案: