gpt4 book ai didi

带有 not(rule AND rule ...) 的 css 选择器

转载 作者:行者123 更新时间:2023-11-28 11:36:20 28 4
gpt4 key购买 nike

我想创建一个只匹配外部链接的 CSS 选择器。问题是它似乎不适用于 :not() 中的多个规则。我不能使用多个 not ( example: ":not():not()") 因为那变成了 ||而不是 && )。

内部链接

<a href="#!/something">...</a>

文档链接

<a href="/doc/.../binary/...">...</a>

外部链接

<a href="...whatever...">...</a>

与其他类型的链接不匹配的外部链接的 CSS 选择器。

a:not([href^="#!/"]):not([href="#"]):not([href^="/doc/"][href*="/binary/"]) {}

解释

a-tags NOT startswith hashbang || not hash || not (startswith /doc/ && contains /binary/)

not()中似乎不能有多个规则。是否可以通过其他方式解决?

HTML 来自 CMS,几乎没有属性。只允许使用“href”和“title”。如果我不必使用 js 遍历 HTML 并添加类或 rel,那么这将是一个很好的解决方案。

最佳答案

你为什么不这样做

a[href*="//"]:not([href*="yoursite.com"]),
a[href^="#"],
a[href^="/doc/"],
a[href*="/binary/"]{
color: red;
}
a{
color: green;
}
<a href="#!/something">HASH</a>

<a href="/doc/.../binary/...">Binary</a>

<a href="http://yoursite.com">Yoursite</a>

关于带有 not(rule AND rule ...) 的 css 选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27545453/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com