Home / Questions / 491262
Accepted
ArcanisGK507
Asked: 2022-03-18 17:16:10 +0800 CST 2022-03-18 17:16:10 +0800 CST

add content to default hyperlinks other than visited

  • 772

Hello friends, I am using the stylebot extension that allows you to edit or add CSS to web pages:

As the publication says, I am trying to agregar contenido a hipervínculos por defecto distinto a los visitados.

I am doing this with CSS:

a.question-hyperlink {
  font-family: Calibri;
  font-weight: 100;
  font-style: italic;
}


a.question-hyperlink {
  color: #c27ba0;
}

a.question-hyperlink::before {
  content: "[New] -> ";
}

a.question-hyperlink:visited {
  color: #f6b26b;
}

a.question-hyperlink:visited::before {
  content: "[Rev] -> ";
}

but I am not getting the expected result since the visited links; The content added to the default ones continues to appear [New] -> and not this [Rev] ->, which would be the expected content:

enter image description here

css

1 Answers

  1. Best Answer

    Can't: https://developer.mozilla.org/es/docs/Web/CSS/:visited

    Styles defined by the pseudo-class :visitedwill be overridden by any subsequent link-related pseudo-classes ( :link, :hoveror :active) that have at least the same specificity. To style the links appropriately, place the rule :visitedafter the rule :linkbut before the :hoverand rules :active, as defined by the order LVHA: :link— :visited— :hover— : active.

    style restrictions

    For privacy reasons, browsers strictly limit the styles you can apply using this pseudo-class and how they can be used:

    Allowed CSS properties are color, background-color, border-color, border-bottom-color, border-left-color, border-right-color(en-US), border-top-color, column-rule-color(en-US), and outline-color. Allowed SVG attributes are fill(en-US) and stroke(en-US). The alpha component of allowed styles will be ignored. Instead, the alpha component of non-:visitedthe element's state will be used, except when that component is 0, in which case the style set to :visitedwill be ignored entirely. Although these styles can change the appearance of colors to the end user, the method window.getComputedStylewill lie and always return the value of color non-:visited. Note: For more information about these limitations and the reasons behind them, see Privacy and the selector :visited(en-US).

    see Privacy and the selector:visited

    • 0