title: pseudo class a:focus
body: <p>Trying to find out more about css pseudo class a:focus Am trying to adapt some code. Have tried  </p>
  
  <pre><code>a:focus img {border:2px solid rgb(155, 205, 255);}  
  </code></pre>
  
  <p>and  </p>
  
  <pre><code>a:focus img {background:rgb(155, 205, 255);}  
  </code></pre>
  
  <p>Neither work. Yet  </p>
  
  <pre><code>a:hover img {background:rgb(155, 205, 255);}  
  </code></pre>
  
  <p>works fine on hover. Does anyone know what I've done wrong?<br>
  Les</p>
  
  <p>I am using Firefox, but want this to work cross-browser if possible.
  I get a flash but not the steady border like this gallery:
  <a href="http://www.cssplay.co.uk/menu/gallery.html#nogo" rel="nofollow noreferrer">http://www.cssplay.co.uk/menu/gallery.html#nogo</a></p>