-3

例如，我想将网站上我文章的链接样式设置为 [My Article]，然后像 [[Wikipedia page]]、[[Youtube channel]] 这样的全局链接，有没有办法在 css 中区分这些链接为每种类型创建不同的样式？

4

2 回答 2

1

是的

假设您有一个域，您可以只选择具有属性选择器的域，例如

a[href="https://address"] {
  /* your styles here */
}

更进一步，您可以使用伪元素将链接文本包装成您想要的任何内容

a[href="https://address"]:before {
  content:"[";
}

   a[href="https://address"]:after {
      content:"]";
    }

您可以使用相同的技术在所有带有“[[”和“]]”的链接上定义包装。

a[href="https://stackoverflow.com"]:before {
  content: "[";
}

a[href="https://stackoverflow.com"]:after {
  content: "]";
}

a {
  color: black;
  text-decoration: none;
}

a:before {
  content: "[[";
}

a:after {
  content: "]]";
}
<a href="https://stackoverflow.com">Stack Overflow</a>

<a href="https://google.com">Google</a>

于 2021-08-23T14:50:04.950 回答
0

您可以根据属性及其开始方式来选择样式。因此，要选择值为“全局”的 href，即以 http 开头，您可以使用：

a[href^=http] {
  color: magenta;
}

因此，您可以将所有链接设置为石灰，然后覆盖全局链接的该设置：

a {
  color: lime;
}

a[href^=http] {
  color: magenta;
}
<a href="https://stackoverflow.com">Stackoverflow</a>
<a href="test1.html">Test1</a>

于 2021-08-23T14:47:56.553 回答