Question

我有两个项目

其中一个带有类：

if(isset($_GET['view']) && ($_GET['view']=="part1")){
    function_part1();
}else if(isset($_GET['view']) && ($_GET['view']=="part2")){
    function_part2();
}

和两个具有类：

navbar__item dropdown-wrap navbar__item-layout

我想隐藏第二个项目而不隐藏第一个项目。

Answer 1

您可以使用：nth-child来做到这一点（请参阅更多here）。

Answer 2

使用:not(X)指令非常简单，其中X是您不希望应用样式规则的选择器。

让我们采取以下行动：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <h2 class="navbar__item dropdown-wrap navbar__item-layout">Hello</h2>
  <h2 class="navbar__item dropdown-wrap">Hello 2</h2>
</body>
</html>

和CSS：

.navbar__item.dropdown-wrap:not(.navbar__item-layout) {
  font-size: 11em;
}

这应该适合您的情况！：）

我们在这里做什么？

我们告诉CSS样式处理器，我们希望将样式规则应用于具有类.navbar__item .dropdown-wrap的项目，但是同时，该元素不能包含类.navbar__item-layout。通过使用:nth-child或parent等，您可以变得非常复杂。

没有父类的CSS子类

2 个答案: