jQuery :last precedence bug

Demo of http://bugs.jquery.com/ticket/5301

by Timmy Willison

HTML

<input value="foo"/>
<input value="foo"/>
<input value="foo"/>

CSS

input:last-child[value="foo"] {
    color: white;
}
input[value="foo"]:last-child {
    border-width: 5px !important;
}

JavaScript

$("input:last-child[value='foo']").css("background-color", "red");
$("input[value='foo']:last-child").css("border", "2px solid blue");