Skip to content

pseudo-class not displaying correctly in Live Preview, works fine in Chrome #763

@wantMeat

Description

@wantMeat

The :visited pseudo-class CSS styling is not being applied correctly after clicking on a link in Live Preview. After clicking the link, it displays an incorrect color (gray from id selector #999) instead of the expected green color defined in the :visited pseudo-class with !important. However, the same code works perfectly when opened in Chrome browser.

<title>Active Pseudo-class Test</title> <style> a { text-decoration: none; color: #000; }
  a:link {
    color: red;
  }

  a:visited {
    color: green !important;
  }

  a:hover {
    color: coral !important;
    font-size: 20px;
  }

  a:active {
    color: yellow !important;
  }

  #id-test {
    color: #999;
  }
</style>
测试文字

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions