| <!DOCTYPE html> |
| <title>Test that animated properties on :visited are overridden by !important</title> |
| <link rel="help" href="https://drafts.csswg.org/css-cascade/#cascade-origin"> |
| <link rel="match" href="animation-important-002-ref.html"> |
| <style> |
| @keyframes color_and_bg_animation { |
| from { background-color: rgb(0, 100, 0); color: rgb(100, 0, 0); } |
| to { background-color: rgb(0, 200, 0); color: rgb(200, 0, 0); } |
| } |
| a { |
| animation-name: color_and_bg_animation; |
| animation-duration: 1000s; |
| animation-delay: -500s; |
| animation-timing-function: steps(2, end); |
| } |
| a:visited { |
| color: white !important; |
| } |
| </style> |
| <a href="#unvisited">Unvisited</a> |
| <a href="">Visited</a> |