Question

我试图用CSS隐藏元素，如果body有任何类应用它。

<body class="x"> - element should hide
<body class="a"> - element should hide
<body> - element should show

如果body是无类别的或具有类.page-home，

，则应显示此元素

但除此之外，该元素应该被隐藏。

我尝试过通用选择器：

#body.* .withicon {
display:none;
}

.page-home .withicon {
display:block;
}

没有用，

我尝试过像

这样的技巧

.withicon {
display:none;
}

.page-home .withicon {
display:block;
}

.withicon:not([class]) {
display:none;
}

但我似乎无法让它发挥作用。

Answer 1

如果.withicon无类别或类body
，则应显示.page-home元素

根据您问题中的选择器，您似乎需要以下内容：

.withicon {
  display: none;
}

body:not([class]) .withicon,
.page-home .withicon {
  display: block;
}

如果.withicon元素使用选择器body具有类属性，那么你应该否定body:not([class])元素，否定body:not([class]) .withicon元素具有类属性。

换句话说，如果.withicon元素没有类属性，则选择器body将选择file package function ------------------------------------------------------------- libmy.so.x.y my actual implementation libmy.so.x my SONAME reference for dynamic linking (relative symlink to mylib.so.x.y) libmy.so my-devel linker library (relative symlink to mylib.so.x) mylib.h my-devel source header个后代元素。

CSS - 如果元素有任何类

1 个答案: