animation-important-002.html (700B)
1 <!DOCTYPE html> 2 <title>Test that animated properties on :visited are overridden by !important</title> 3 <link rel="help" href="https://drafts.csswg.org/css-cascade/#cascade-origin"> 4 <link rel="match" href="animation-important-002-ref.html"> 5 <style> 6 @keyframes color_and_bg_animation { 7 from { background-color: rgb(0, 100, 0); color: rgb(100, 0, 0); } 8 to { background-color: rgb(0, 200, 0); color: rgb(200, 0, 0); } 9 } 10 a { 11 animation-name: color_and_bg_animation; 12 animation-duration: 1000s; 13 animation-delay: -500s; 14 animation-timing-function: steps(2, end); 15 } 16 a:visited { 17 color: white !important; 18 } 19 </style> 20 <a href="#unvisited">Unvisited</a> 21 <a href="">Visited</a>