<div data-attr="default"><a href="//www.w3cplus.com">W3cplus</a></div>
<div data-attr="matches"><a href="//www.w3cplus.com">W3cplus</a></div>
<div data-attr="any-link"><a href="//www.w3cplus.com">W3cplus</a></div>

body {
  display: flex;
  justify-content: center;
  align-items: center;
  
  width: 100vw;
  height: 100vh;
}

div {
  background: white;
  border-radius: 8px;
  padding: 20px;
  min-width: calc(100vw / 3 - 60px);
  position: relative;
  border: 1px solid #f3f;
  margin: 10px;
  
  &::after {
    content: attr(data-attr);
    position: absolute;
    padding: 10px;
    background: linear-gradient(to right, #f36, #f63);
    color: #fff;
    border-radius: 5px;
    top: -25px;
    left: 20px;
    direction: ltr;
  }
}

[data-attr="default"] :link, 
[data-attr="default"]  :visited {
    color: #363;
    font-style: italic;
}

[data-attr="matches"] :matches(:link, :visited) {
    color: #d63fae;
    font-weight: bold;
}

[data-attr="any-link"] :any-link {
  color: #3f3f6a;
  font-weight: bold;
  font-style: italic;
}

[data-attr="any-link"] :-webkit-any-link {
  color: #3f3f6a;
  font-weight: bold;
  font-style: italic;
}

[data-attr="any-link"] :-moz-any-link {
  color: #3f3f6a;
  font-weight: bold;
  font-style: italic;
}