mozilla

Revision 61005 of :visited

  • Revision slug: CSS/:visited
  • Revision title: :visited
  • Revision id: 61005
  • Created:
  • Creator: FreakCERS
  • Is current revision? No
  • Comment 20 words added

Revision Content

{{ CSSRef() }}

Summary

The :visited pseudo-selector allows you to select only links that have been visited.

Notes

Starting from Firefox 4, major limitations to the styles you can apply using this selector have been introduced. For more information on the limitations and the motivation for them, see {{ Cssxref("Privacy and the :visited selector") }}. The same limitations have been adopted by other browsers, including Safari 5/4.1 and Chrome 6.

Examples

a:visited { color: #4b2f89; }
a:visited { background-color: white } 

Specifications

Browser compatibility

Browser Lowest Version
Internet Explorer 3.5
Firefox 1.0
Opera 3.5
Safari 1.0

See also

  • {{ Cssxref("Privacy and the :visited selector") }}
  • {{ Cssxref(":link") }}

Revision Source

<p>{{ CSSRef() }}</p>
<h3>Summary</h3>
<p>The <code>:visited</code> pseudo-selector allows you to select only links that have been visited.</p>
<h3>Notes</h3>
<p>Starting from Firefox 4, major limitations to the styles you can apply using this selector have been introduced. For more information on the limitations and the motivation for them, see {{ Cssxref("Privacy and the :visited selector") }}. The same limitations have been adopted by other browsers, including Safari 5/4.1 and Chrome 6.</p>
<h3 class="editable">Examples</h3>
<pre>a:visited { color: #4b2f89; }
a:visited { background-color: white } </pre>
<h3 class="editable"><span>Specifications</span></h3>
<ul> <li><a class="external" href="http://www.w3.org/TR/CSS21/selector.html#link-pseudo-classes" rel="external nofollow" target="_blank" title="http://www.w3.org/TR/CSS21/selector.html#link-pseudo-classes">CSS 2.1 Selectors #link</a></li> <li><a class="external" href="http://www.w3.org/TR/css3-selectors/#link" rel="external nofollow" target="_blank" title="http://www.w3.org/TR/css3-selectors/#link">CSS 3 Selectors #links</a></li>
</ul>
<h3 name="Browser_compatibility">Browser compatibility</h3>
<table class="standard-table"> <tbody> <tr> <th>Browser</th> <th>Lowest Version</th> </tr> <tr> <td>Internet Explorer</td> <td><strong>3.5</strong></td> </tr> <tr> <td>Firefox</td> <td><strong>1.0</strong></td> </tr> <tr> <td>Opera</td> <td><strong>3.5</strong></td> </tr> <tr> <td>Safari</td> <td><strong>1.0</strong></td> </tr> </tbody>
</table>
<h3>See also</h3>
<ul> <li>{{ Cssxref("Privacy and the :visited selector") }}</li> <li>{{ Cssxref(":link") }}</li>
</ul>
Revert to this revision