Проблема селектора CSS3 - PullRequest
Новая
       8

Проблема селектора CSS3

0 голосов
/ 25 марта 2011

Я не могу понять, почему это работает: 

input[ type = "text" ]:last-of-type:focus{ border:1px solid red; }

, но это не работает: 

input[ type = "checkbox" ]:last-of-type:checked{ border:1px solid red; }

Свойство "border" является лишь примером, любоесвойства также, отклонены!

1 Ответ

1 голос
/ 25 марта 2011

Дано: 

<!DOCTYPE HTML>
<meta charset="utf-8"/>
<title>Testing</title>
<style>
input[ type = "checkbox" ]:last-of-type:checked{ top: 100px;  }
input[type='checkbox'] { position: absolute; top: 200px; }
</style>
<h1>Testing</h1>
<form>
        <input type="submit" />
        <input type="checkbox" />
</form>

Это прекрасно работает в Chrome для меня.Предположительно, вы не пробовали его с какими-либо свойствами, которые соблюдаются для флажков в браузерах, в которых вы тестировали.

...