我 写 了 下面 的 代码 ：
<div class="slider-button-next slider-btn"> < </div>
<img src="images/pic02.jpg" alt="" data-position="center center" />
<div class="slider-button-prev slider-btn"> > </div>中 的 每 一 个
我 想 让 用户 点击 左/右 按钮 来 切换 图像 。 目前 我 只有 一 个 图像 pic02.jpg 。 如果 没有 JS ， 我 如何 改变 显示 的 图像 ？（ 例如 ， 按 右 键 时 更改 为 pic03.jpg ， 按 左 键 时 更改 为 pic01.jpg 等 ） 。 我 计划 使用 托管 服务 来 托管 我 的 静态 网站 ， 因此 据 我 所 知 ，我 不能 用 JS 。
1条答案
按热度按时间cbjzeqam1#
如果您对放置元素的位置很小心，则可以执行以下操作：
第一个
:has()伪类正在开发中（Firefox中还没有，请检查caniuse.com，但即将推出），这为您提供了大量灵活性：
第一次
您必须查看slider元素在DOM中的呈现方式，以确定它是底层复选框还是其他输入，并相应地更改规则。