<html>
<head>
<title>Property is declared twice in rule</title>
<style type="text/css">
div
{
color: red;
color: green !important;
color: yellow;
width: 1px;
width: 2px !important;
width: 3px !important;
}
</style>
<script>
if (window.testRunner)
window.testRunner.dumpAsText();
</script>
</head>
<body>
<div>This text should be green and the page should have no other style.</div>
<div id="testresult">Fail</div>
<script type="text/javascript">
if(document.styleSheets[0].cssRules[0].style.length == 2 &&
document.styleSheets[0].cssRules[0].style.getPropertyValue("color") == "green" &&
document.styleSheets[0].cssRules[0].style.getPropertyPriority("color") == "important" &&
document.styleSheets[0].cssRules[0].style.getPropertyValue("width") == "3px" &&
document.styleSheets[0].cssRules[0].style.getPropertyPriority("width") == "important")
{
document.getElementById("testresult").innerHTML = "Pass";
}
</script>
</body>
</html>