我可以为不包含链接的 div 编写 CSS 选择器吗

问题描述

我有一段已生成的 html 代码，因此无法真正更改。它有 2 个变体，它们都在一个页面上多次使用。 变体 1：

<figure class="image">
  <img src="...something.jpg" />
</figure>

和变体 2：

<figure class="image">
  <a href="...something.nl">
     <img src="...something.jpg" />
  </a>
</figure>

有没有办法只在第一个例子中选择“图像”类？那么只有当它不包含链接标签时？因为如果图形确实包含链接，我不想定位图形本身，而是定位它包含的链接标签。

我问的原因是因为我使用图像类上的伪元素添加了颜色叠加。

.image { position: relative; }
.image:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.40; background-image: linear-gradient(135deg,rgba(255,255,0) 0%,rgba(36,161,218,1) 82%); mix-blend-mode: exclusion; }

这在第一个变体中效果很好，但它阻止了第二个变体中的链接，因此图像不可点击。因此，在第二个示例中，我想将伪元素添加到“a”而不是“图像”类。有没有办法做到这一点？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）