Question

如何设置与javascript或css分开的超链接？但我不想为每个人创建一个新类或id。在我问这个问题之前，我已经尝试过并进行过搜索，但我不知道正确的终端，抱歉我的英文不好

编辑：

我想说的是，对于2个超链接（例如，点只是差异）：

<a href=https://www.google.com>google</a>
<a href=www.google.com>google, no http</a>

风格不同，但仅当超链接类型不同时

Answer 1

你可以通过应用像这样的元素级别css来实现它

a {
  color: red;
  font-weight: bold;
}

<div>
  <p>Normal Text</p>
  <p><a href="#"> This is hyperlink </a></p>
  <p><a href="#"> This is another hyperlink </a></p>
  <p><a href="#"> This is another hyperlink </a></p>
  <p> <a href="#"> This is another hyperlink </a></p>
  <p><span> Normal Text</span></p>
</div>

Answer 2

我认为你要做的是根据超链接的类型或它指向的位置，以不同的方式设置样式超链接。 CSS有一些很酷的东西叫做属性选择器，你可以做到这一点！

几个月前我写了一篇博客文章（现在与我的新博客合并），其中有一个关于如何以不同方式设置所有httpS链接样式的简单示例。

a
{
	color: green;
}

a[href^=https]
{
	color: red;
}

<p>This is an external link: <a href="https://www.twitter.com/ALMSTJSON">ALMSTJSON</a></p>
<p><a href="#">This is an internal link.</a></p>

来源：https://www.jase.blog/posts/post?id=148&title=How-to-Style-Internal-and-External-Links-Differently-with-Attribute-Selectors

如何设置与javascript或css分开的超链接？

2 个答案: