Question

因此，我想在一个不允许使用Javascript的网站上建立一个画廊，所以我不确定该如何处理。说我有四个类别：草图，线稿，单元着色和绘制。我希望这四个是切换按钮。

然后，我将对画廊进行编码，以便最初显示我的作品 all ，一旦单击其中一个切换按钮，则将显示除适用作品之外的所有内容。

单击草图，然后将只有四个草图并排显示。如果可以更改类别，可以应用两个不同的类别也是很巧妙的，因此在如何应用两件事方面（例如，将男性和女性作为类别，然后用两个+ ）的人也将不胜感激。

This是我想要的一个很好的例子，但是它使用了JS。

Answer 1

您在这里@Tasuya Suou。希望这对您有帮助。我使用了通用的np.lib.stride_tricks._broadcast_to(np.empty(1, ar.dtype), ar.shape, False, False)选择器。你可以在这里读更多关于它的内容。 https://developer.mozilla.org/en-US/docs/Web/CSS/General_sibling_selectors。

p {
  display: none;
}

input[value="fruit"]:checked~p.fruit,
input[value="veg"]:checked~p.veg,
input[value="nuts"]:checked~p.nuts,
input[value="drink"]:checked~p.drink {
  display: block;
}

input:checked+label {
  color: blue;
}

https://codesandbox.io/s/48y9o68oz7

使用CSS显示/隐藏分类的项目

1 个答案: