Home/ Questions/Q 4091638
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-20T19:23:32+00:00

I can`t find out why this workes: input[ type = text ]:last-of-type:focus{ border:1px solid

  • 0

I can`t find out why this workes: 

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

but this doesn`t work: 

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

The “border” property is just an example, any other properties is also, dismissed!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Given:

    <!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>

    It works perfectly in Chrome for me. Presumably you didn’t try it with any properties that are respected on checkboxes in the browsers you were testing in.

    • 0